組件默認樣式怎麼改
一個組件渲染之後可能有很多內容,這些內容是無法在寫的時候加類名的,所以,渲染頁面上之後,查看代碼,根據它渲染元素的類名在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{} 大概就是這樣寫的吧,