Mint-UI样式问题

小弟是名前端初学者，最近在接触Vue移动端项目练手，然后就接触到了Mint-ui，越用越气，越用越无奈，发现自从用了这个框架来写，vue这么方便的书写方式都能被他强行繁琐化，哪怕他已经支持Vue2.0

• 目前最大的是样式问题，因为作为一个初学者，觉得修改样式快速带来的变化和产生的成就感是十分让人满足的，但是，直到我碰到了它————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-这样的开头，小弟今晚被坑得很心疼，特此水下一贴