uniapp作为一个使用 Vue.js 开发跨平台应用的前端框架，他的强大毋庸置疑，但是其中的坑就多不盛数了，最近在写app的时候发现真的是有很多让人很难受的地方

实践问题

在做到地图的地方发现高德地图的图标z-index太大，搜索框的蒙层遮罩不住。
我试着给蒙层加大,找到高德图标默认的类名让他减小，但是还是没有作用，我就用了

.mask {width: 100%;height: 100%;position: fixed;top: 250rpx;left: 0;right: 0;bottom: 0;background-color: rgba(0, 0, 0, .35);z-index: 170;}
.amap-logo{z-index: 10;}

后来看网上给的方法是说style要加scoped、类名前加/deep/穿透等等试了很多
但都没能挡住

<style scoped>/deep/ .amap-logo{z-index: 10;}
</style>

还有我们很常用的button中的背景颜色和字体颜色也都被封装好了
按照我们正常思路去写的话肯定没法生效

解决方案

解决方法其实也很简单 只要多试试就知道了
我把这段代码 放到index.html就行了

<style type="text/css">/deep/ .amap-logo{z-index: 10;}
</style>

改button的样式则是直接写在了行间。

虽然uniapp问题还是有点，但强大也是真的，希望能越来越好