在微信开发工具中运行文档中的代码,出现如下错误:
[渲染层错误] Some selectors are not allowed in component wxss, including tag name selectors, ID selectors, and attribute selectors.(./custom-tab-bar/index.wxss:36:15)(env: Windows,mp,1.06.2210310; lib: 2.5.0)
出现原因:随着小程序的发展,文档中原来的写法已经不受支持。官方文档也建议不再使用某些tag而换成新的写法。
解决方法:
第一步,把wxml文件里面要使用wxss的element都赋予一个类名
改成
第二步,打开相应wxss文件,把里面的这种写法“.tab-bar-item cover-image”改成类名““.tab-bar-item-image””
如此这般把所有要用到wxss里面条目的element都改了。
第三步,把wxml文件中过时的“cover-view”和“cover-image”全部改成“view”和“image”。