zl程序教程

您现在的位置是:首页 >  工具

当前栏目

微信小程序:在父组件中修改子组件的样式

组件微信程序 修改 样式
2023-09-11 14:19:17 时间
修改前后样式对比

在这里插入图片描述
在这里插入图片描述

一、修改子组件WXML

<text class="color">文字</text>

二、修改子组件JS

Component({
  externalClasses: ['color']
})

三、修改父组件JSON,引用子组件

{
  "usingComponents": {
    "foot": "/components/foot/foot"
  }
}

四、修改父组件WXML

<foot color="newcolors"></foot>

五、修改父组件CSS

.newcolors{color: red !important;}