使用 mint-ui 可以方便實現很多特有的樣式,可以很方便的進行調用,但如果 mint-ui 的默認樣式與要求不一致時該如何修改?
比如 mint-ui 中有一個輪播圖屬性 mt-swipe,其默認樣式如下:
.mint-swipe-items-wrap {
position: relative;
overflow: hidden;
height: 100%;
}
如果要實現該區域 height 有一個特定值,如 height: 120px,直接在組件中設置是不會生效的,此時我們可以參考如下的方法:
1.創建 .styl 文件( 在 vue 中使用 stylus 語法編寫樣式,其他語法也可自行進行合適修改 );
2.樣式中的內容爲:
.mint-swipe-items-wrap
height: auto
3.在組件中引入該樣式即可