uniapp组件样式运行至小程序失效

一、uniapp样式穿透打包运行至微信小程序失效

组件样式隔离文章参考

解决方案

  options: {
    styleIsolation: "shared",
  },

这个配置项改变了小程序组件的样式隔离模式，使得组件的样式能够共享和继承。微信小程序中，组件默认是隔离的，父组件的样式不会自动作用到子组件中。styleIsolation 属性提供了控制组件样式隔离的几种模式
styleIsolation 的选项说明

1. isolated（默认）
   每个组件的样式都是独立的，父组件样式不会影响子组件，子组件样式也不会影响父组件。
2. apply-shared
   允许子组件接受父组件的样式（向下穿透），但子组件的样式不会影响父组件（单向穿透）。
3. shared
   允许父组件和子组件之间的样式共享，样式可以相互影响（双向穿透）。