【报Bug】:slotted() 插槽选择器不支持, 希望支持!

分类：uni-app

bug反馈

产品分类： uniapp/小程序/微信

PC开发环境操作系统： Windows

PC开发环境操作系统版本号： win10

HBuilderX类型：正式

HBuilderX版本号： 3.7.9

第三方开发者工具版本号： 1.06.2303060

基础库版本号： 2.30.2

项目创建方式： HBuilderX

示例代码：

<template>  
  <scroll-view style="height:800rpx;">  
    <view class="list">  
      <view class="item">这个文字应该是红色的</view>  
    </view>  
  </scroll-view>  
</template>  

<style scoped>  
:slotted(.list) {  
  color: red;  
}  
</style>

操作步骤：

直接运行

预期结果：

`scroll-view` 中的 `.list` 文字是红色的

实际结果：

`scroll-view` 中的 `.list` 文字是颜色未生效

bug描述：

vue中支持插槽选择器 :slotted(), uniapp 似乎不支持. 希望能支持!

参考: https://cn.vuejs.org/api/sfc-css-features.html#scoped-css 插槽选择器

2023-03-31 20:41 负责人:无分享

1 个回复

DCloud_UNI_GSQ

收到，后续会考虑方案

要回复问题请先登录或注册

【报Bug】:slotted() 插槽选择器不支持, 希望支持!

示例代码：

`<template> <scroll-view style="height:800rpx;"> <view class="list"> <view class="item">这个文字应该是红色的</view> </view> </scroll-view> </template> <style scoped> :slotted(.list) { color: red; } </style>`

操作步骤：

直接运行

预期结果：

`scroll-view` 中的 `.list` 文字是红色的

实际结果：

`scroll-view` 中的 `.list` 文字是颜色未生效

bug描述：

1 个回复

公告

相关问题

【报Bug】:slotted() 插槽选择器不支持, 希望支持!

示例代码： <template> <scroll-view style="height:800rpx;"> <view class="list"> <view class="item">这个文字应该是红色的</view> </view> </scroll-view> </template> <style scoped> :slotted(.list) { color: red; } </style>

操作步骤： 直接运行

预期结果： scroll-view 中的 .list 文字是红色的

实际结果： scroll-view 中的 .list 文字是颜色未生效

bug描述：

与内容相关的链接

1 个回复

公告

相关问题

示例代码：

`<template> <scroll-view style="height:800rpx;"> <view class="list"> <view class="item">这个文字应该是红色的</view> </view> </scroll-view> </template> <style scoped> :slotted(.list) { color: red; } </style>`

操作步骤：

直接运行

预期结果：

`scroll-view` 中的 `.list` 文字是红色的

实际结果：

`scroll-view` 中的 `.list` 文字是颜色未生效