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-这样的开头,小弟今晚被坑得很心疼,特此水下一贴
相关文章
相关标签/搜索