使用第三方框架是一些樣式的覆蓋

組件默認樣式怎麼改

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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章