uniapp 小程序自定义组件样式穿透问题

  1. 当遇到修改子组件样式穿透不生效时uniapp 小程序自定义组件样式穿透问题_第1张图片
  2. 主需要引入下面代码
    options: { styleIsolation: 'shared' }
    // 默认值 isolated(启动隔离)
    // apply-shared或(页面 wxss 样式将影响到自定义组件,但自定义组件 wxss 中指定的样式不会影响页面) 
    // shared(wxss 样式将影响到自定义组件,自定义组件 wxss 中指定的样式也会影响页面和其他设置了apply-shared 或 shared 的自定义组件)
    uniapp 小程序自定义组件样式穿透问题_第2张图片
  3. 样式生效

 

 

你可能感兴趣的:(VUE,小程序,vue.js,uni-app)