当前位置:   article > 正文

微信小程序父组件改子组件的样式_微信小程序修改子组件样式

微信小程序修改子组件样式

博客上没找到简单明了的写法,这部分在文档里写的还比较清楚我来举例更加详细的说明

目的:这样的

改为

这样的:

第一步:

组件的js文件中添加这个代码

  1. Component({
  2. options:{
  3. "styleIsolation": "apply-shared"
  4. }
  5. })

 第二步:在使用组件的文件的wxss文件中更改样式,并额外的加入!important

官方文档在这里

自定义组件 / 组件模板和样式 (qq.com)icon-default.png?t=N7T8https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/wxml-wxss.html

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/你好赵伟/article/detail/582199
推荐阅读
相关标签
  

闽ICP备14008679号