解决:[渲染层错误] 问题

文章讲述了在开发微信小程序时遇到的wxss渲染层错误,具体是某些选择器如标签名选择器、ID选择器和属性选择器在组件wxss中不被允许。作者通过实验发现并解决了这个问题,解决方案是在wxml中为没有class属性的元素添加class名,然后用这些class来控制样式。
摘要由CSDN通过智能技术生成

[渲染层错误] Some selectors are not allowed in component wxss, including tag name selectors, ID selectors, and attribute selectors.(./custom-tab-bar/index.wxss:31:15)

(env: Windows,mp,1.06.2212011; lib: 2.5.0)

经实验,在页面对应的wxss的这两个地方都是有问题的,开发工具只报了最后一个有问题

.tab-bar-item cover-image {
  width: 27px;
  height: 27px;
}

.tab-bar-item cover-view {
    font-size: 10px;
  }
  

原因:因为wxss里面很多写法是不行的,详见:(14条消息) 小程序自定义组件报错:Some selectors are not allowed in component wxss, including tag name selectors..._岁月如歌!的博客-CSDN博客

解决方法:到wxml里面把没有class属性的cover-image、cover-view都赋予class名字,用这个名字来控制样式。即把上面的css代码改成:

.tab-bar-item .ci0 {
  width: 27px;
  height: 27px;
}

.tab-bar-item .cv0 {
    font-size: 10px;
  }

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值