使用第三方框架是一些样式的覆盖

组件默认样式怎么改

一个组件渲染之后可能有很多内容，这些内容是无法在写的时候加类名的，所以，渲染页面上之后，查看代码，根据它渲染元素的类名在index.less里边覆盖样式就好了，覆盖不了的话就只能用万能的！important了。

熟练：before和：after

超有用。项目基本完成之后,设计竟然要求表格下边的分页和一个差异超大的框架（kendo）分页样式统一，原来的分页是ant-design里table属性，重写是不可能的，那意味着我项目要改太多东西了，只能改了。虽然ant-design提供了重定义样式的方法，还是不能达到标准，比如某个元素比人家多两个字。。。无奈，字又不是写进去的，组件自带的，所以，只能给组件加个after， 定义好宽高背景色，定位到字上边覆盖住，哈哈哈，机智了，，开心，自从改完了这里，before和after真是666666666666了。

布局

实现元素UI展示有间隙，可以宽度定，元素挨着，用padding造成视觉上间隙，border也可以

加position：absolute脱离文档流，不会破坏之前写好的布局哦

utils下request.js可以统一拦截fetch请求，根据后台返回status值做判断，比在每一个请求的回调函数中做判断更方便

在Vue中用element要改样式

除了之前说到的important，还可以使用vue-loader中提到的方法，style lang=“css”，这个是必须的，验证过使用less的时候不起作用。.mydiv >>> .el-input {} ，coupon-list-table >>> table{} 大概就是这样写的吧，