【uniapp小程序样式穿透】

有时候用样式穿透的时候h5是好好的，但是到了小程序这里就会发现没有效果，加上这句话就行了
 

1. <template>
2.   <view class="wai">
3.     <u-popup :show="isShow" :round="10" mode="bottom">
4.       <view class="popup">
5.         <text>人生若只如初见，何事秋风悲画扇 {{ isShow }}</text>
6.       </view>
7.     </u-popup>
8.   </view>
9. </template>
11. <script>
12. export default {
13.   options: { styleIsolation: 'shared' }, //加上这句小程序样式穿透也会有效果
14.   props: ['isShow']
15. };
16. </script>
18. <style scoped lang="scss">
19. ::v-deep .u-popup__content {
20.   margin: 0 20rpx;
21. }
22. .popup {
23.   height: 500rpx;
24. }
25. </style>

复制代码

效果图

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。