代码已在附件截图上
5***@qq.com
- 发布：2023-04-04 16:18
- 更新：2023-04-04 18:34
- 阅读：826
产品分类： uniapp/小程序/微信
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： win10
HBuilderX类型： 正式
HBuilderX版本号： 3.7.9
第三方开发者工具版本号： 1.06
基础库版本号： 2.30
项目创建方式： HBuilderX
示例代码：
操作步骤：
代码已在附件截图上
代码已在附件截图上
预期结果：
折叠面板u-collapse通过/deep/调整内部样式加大了 行的padding，行的高度增加
折叠面板u-collapse通过/deep/调整内部样式加大了 行的padding，行的高度增加
实际结果：
开发环境上，真机和模拟器都没问题，只要打包后修改的样式就会全部失效
开发环境上，真机和模拟器都没问题，只要打包后修改的样式就会全部失效
bug描述：
折叠面板u-collapse调整了行的padding（通过/deep/修改），真机和模拟器再开发环境上都没问题，但只要打包发行，所有的样式就会失效。网上看到加什么options: { styleIsolation: 'shared' },都没用
首先，通过/deep/修改样式是一种比较特殊的样式修改方式，它可以让样式规则穿透到子组件中去。但是，如果在打包的过程中，使用了压缩和混淆的方式，那么/deep/会被忽略掉，从而导致样式失效。
因此，我们可以尝试使用其他的样式修改方式，比如使用scoped或者module的方式来修改样式。这样可以有效地避免在打包过程中出现样式失效的问题。
另外，如果你一定要使用/deep/来修改样式，那么可以尝试在webpack的配置文件中添加CSS的loader，来解决/deep/失效的问题。具体的做法可以参考以下步骤：
在项目中安装CSS的loader，比如sass-loader、postcss-loader等。
在webpack的配置文件中添加CSS的loader，并且在loader中配置module选项，开启CSS模块化，从而避免样式被混淆的问题。
在修改样式时，使用/deep/来穿透子组件，并且注意样式的选择器和路径，确保样式规则能够正确地被解析和显示。
希望以上方法能够帮助到你，如果还有其他问题，请联系geh@88.com
