Uniapp 微信小程序中遇到的坑-开发工具渲染错误

项目使用的是 Vue + iview + scss
今天开发微信小程序时,发现在页面中修改 UI子组件样式不生效,相同子组件中,同层级标签的样式, 有的生效,有的不生效;
使用的网上各种方法 options: { styleIsolation: 'shared' } 和  样式(::v-deep)都没有用, 
最后发现, 微信开发工具渲染展示出来的 class 和 UI组件源码中的 class 不一样, 微信F12工具中的少了一截!!



另外 :
options: { styleIsolation: 'shared' }, 加上 /deep/ 组件样式确实有效,但是前提得是不要直接复制微信F12开发工具中渲染出来的 class, 因为他展示的时候,可能会少一截,坑!

另外我在官网和其他网址上并没有找到相关解释和说明,离谱~

  • 3
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值