在Skyline渲染的界面里,自定义的组件在wxss中使用host选择器选择标签本身定义样式会失效。例:
custom-tag.wxss
:host {
color: red;
background-color: blue;
width: 100rpx;
height: 100rpx;
display: block;
}
custom-tag.wxml
<view>Content</view>
page.wxml
<custom-tag/>
看到的只是黑色的Content,没有背景色,也没有前景色,更没有大小。
这个功能的失效对自定义组件的开发影响较大。
微信开发者工具版本: Windows Stable 1.06.2308310
基础库版本:3.1.3
建议 custom-tag.wxml 里面 使用 <view class="class">Content</view>
然后自定义组件设置上 externalClasses: ['class']
这样外部传进来的 class 就可以生效了
传 class 的方式需要注意 class 的权重问题。
另一个解法是使用全局样式 ~class名语法,也许在某些场景适合
https://developers.weixin.qq.com/miniprogram/dev/framework/runtime/skyline/wxss.html
只支持 :first-child 和 :last-child,其它暂无计划