修改 mint-ui 組件的默認樣式

使用 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.在組件中引入該樣式即可

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