mac设备alpha版本在uni-app中不支持/deep/修改样式？

mac设备alpha版本在uni-app中不支持/deep/修改样式？

开发环境 版本号 项目创建方式
HbuilderX 4.53 HBuilderX 
产品分类：HbuilderX

PC开发环境操作系统：Mac

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

HBuilderX类型：Alpha

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

基础库版本号：3.6.6

示例代码：

```javascript
/deep/ .u-notice-bar {  
      overflow: hidden;  
      padding: 4px 12px;  
      flex: 1;  
}

操作步骤：

/deep/ .u-notice-bar {  
      overflow: hidden;  
      padding: 4px 12px;  
      flex: 1;  
}

预期结果：

  • 不报错

实际结果：

  • 报错

bug描述：

修改组件内部样式报错

/deep/ .u-notice-bar {  
      overflow: hidden;  
      padding: 4px 12px;  
      flex: 1;  
}

相关链接 ：


更多关于mac设备alpha版本在uni-app中不支持/deep/修改样式？的实战教程也可以访问 https://www.itying.com/category-93-b0.html

3 回复

参考：https://ask.dcloud.net.cn/question/206506

更多关于mac设备alpha版本在uni-app中不支持/deep/修改样式？的实战教程也可以访问 https://www.itying.com/category-93-b0.html


有解决吗，一样报错

关于在Mac设备HBuilderX Alpha版本中使用/deep/修改样式的问题，这是由于Vue3环境下不再支持/deep/语法导致的。

解决方案：

  1. 使用::v-deep替代/deep/
::v-deep .u-notice-bar {
  overflow: hidden;
  padding: 4px 12px;
  flex: 1;
}
  1. 或者使用:deep()
:deep(.u-notice-bar) {
  overflow: hidden;
  padding: 4px 12px;
  flex: 1;
}
回到顶部