Mint-Ui 繼各位大神兩年後填一個小坑

Mint-UI樣式問題

小弟是名前端初學者,最近在接觸Vue移動端項目練手,而後就接觸到了Mint-ui,越用越氣,越用越無奈,發現自從用了這個框架來寫,vue這麼方便的書寫方式都能被他強行繁瑣化,哪怕他已經支持Vue2.0css

  • 目前最大的是樣式問題,由於做爲一個初學者,以爲修改樣式快速帶來的變化和產生的成就感是十分讓人知足的,可是,直到我碰到了它————Mint-UI

樣式問題

  • Mint-UI不少方便的插件,好比輪播圖,搜索框什麼的,看起來都還不錯,哪怕官方文檔給出來的參數不多,可是初學階段勉強夠用了,後來,年輕的我發現,我想經過官方解析代碼的方式來進行樣式的添加的時候才發現

<mt-search v-model="value" placeholder="搜索"></mt-search>前端

  • 好比上面這段模板代碼,正常來講只要在樣式部分這樣:
<style lang="scss" scoped>
.search {
  position: relative;
  .mt-search {
    height: auto;
    top: 10px;
  }
}
複製代碼
  • 就直接能夠解析應用的,後來我才發現,檢查以後頁面被解析爲

  • Mint官方的解析實屬給力,讓我用了定位定了半天定不到一個按鈕在旁邊,解析完以後的類名變成了mint-這樣的開頭,小弟今晚被坑得很心疼,特此水下一貼
相關文章
相關標籤/搜索