小程序
小游戏
企业微信
微信支付
扫描小程序码分享
- 当前 Bug 的表现(可附上截图)
组件,注意slot位置在
引用之后插入slot
渲染后的页面,变成了同级元素,而不是`button-list`子元素.
而且填充slot的元素没有引用button.wxss的样式。需要在引用页面在写一遍。很鸡肋
- 预期表现
- 复现路径
普通编译即可
- 提供一个最简复现 Demo
已提供
4 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
WXML 面板以 shadow root 方式展示节点树,实际位置应该是无误的。
如果你往 slot 里面放一个节点,这个节点的 class 并不应用组件的 wxss 样式,而是应用这个组件所在的父组件或页面的样式。换而言之,组件的 wxss 只影响真正写在组件 wxml 里面的节点,不影响 slot 下的节点。
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
看二楼谢谢
传入slot位置错误的问题,可以试试取消【以shadow-root形式展示组件】的设置:
微信开发者工具 - 详情(编辑器右上角 版本管理 右边) - 本地设置 - 以 shadow-root 形式展示自定义组件(取消勾选)
这个问题最后修复了吗?有没有人能提供一些更优的方案解决插槽样式丢失问题?
那这样子我又要额外定义多个class去配置这个样式,能不能使用组件样式?像vue一样呢?
另外其实---这句话有个矛盾
组件的 wxss 只影响真正写在组件 wxml 里面的节点,不影响 slot 下的节点。
我这么改动
里边的.button样式变成如下
```
.button-list view {
background: #1fc768;
padding: 25rpx 10rpx;
border-radius: 10rpx;
}
是能正确应用到这个样式的
你代码片段参考一下谢谢。
抱歉,目前还没有好的方法让组件 slot 内的节点接受组件 wxss 的样式。你可以考虑用 @import 将样式引入组件的使用者中。
关于后面的一点,建议阅读一下刚刚更新过的 文档 的“使组件接受全局样式”一节,里面有提及关于标签名选择器的事项。
小程序最新库,2.4.3头部适配貌似有问题。更新之后头部tab为fixed变成这样子。
原低版本。图如下。
疑似是和 navigationStyle 开始支持按页面配置有关系。看下这个配置项?
不是这个配置的问题,之前版本没有配置这个。
有代码片段么?我看下
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
WXML 面板以 shadow root 方式展示节点树,实际位置应该是无误的。
如果你往 slot 里面放一个节点,这个节点的 class 并不应用组件的 wxss 样式,而是应用这个组件所在的父组件或页面的样式。换而言之,组件的 wxss 只影响真正写在组件 wxml 里面的节点,不影响 slot 下的节点。
看二楼谢谢
传入slot位置错误的问题,可以试试取消【以shadow-root形式展示组件】的设置:
微信开发者工具 - 详情(编辑器右上角 版本管理 右边) - 本地设置 - 以 shadow-root 形式展示自定义组件(取消勾选)
这个问题最后修复了吗?有没有人能提供一些更优的方案解决插槽样式丢失问题?
那这样子我又要额外定义多个class去配置这个样式,能不能使用组件样式?像vue一样呢?
另外其实---这句话有个矛盾
组件的 wxss 只影响真正写在组件 wxml 里面的节点,不影响 slot 下的节点。
我这么改动
里边的.button样式变成如下
```
.button-list view {
background: #1fc768;
padding: 25rpx 10rpx;
border-radius: 10rpx;
}
```
是能正确应用到这个样式的
你代码片段参考一下谢谢。
抱歉,目前还没有好的方法让组件 slot 内的节点接受组件 wxss 的样式。你可以考虑用 @import 将样式引入组件的使用者中。
关于后面的一点,建议阅读一下刚刚更新过的 文档 的“使组件接受全局样式”一节,里面有提及关于标签名选择器的事项。
小程序最新库,2.4.3头部适配貌似有问题。更新之后头部tab为fixed变成这样子。
原低版本。图如下。
疑似是和 navigationStyle 开始支持按页面配置有关系。看下这个配置项?
不是这个配置的问题,之前版本没有配置这个。
有代码片段么?我看下