最近在开发多终端开发时，遇到了一个神奇的坑，那就是写在组件上的样式不生效，折腾了半天，最后才曲线救国弄好了。下边说一下遇到的问题以及解决方案。

问题，在组件上直接写样式在小程序中不生效。

<view class="ServiceNoteTitle W100">
    服务说明
             class="closerButton" 这样直接控制是不生效的，发布到h5页面生效，但是发布到小程序失效
        <uni-icon @click="closerButton"  class="closerButton"   :type="'closeempty'" :size="50"></uni-icon>
</view>
<style scoped>
    .closerButton {   
        display: inline-block;
        position: absolute;
        right: 10upx;
    }
</style>

解决办法

<view class="ServiceNoteTitle W100">
    服务说明
           <view class="closerButton">
        <uni-icon @click="closerButton"   :type="'closeempty'" :size="50"></uni-icon>
    </view>
</view>
<style scoped>
    .closerButton {   
        display: inline-block;
        position: absolute;
        right: 10upx;
    }
</style>

结束语

就这个神奇的坑折腾了半天，好在解决了，记录下来，方便自己以后开发，并且也可以帮助到大家。
多终端开发坑的确多，多多趟坑。才有进步。