“组件外部样式类”不好用,能否调整
发布于 6 年前 作者 fanglong 6789 次浏览 来自 问答
  • 需求的场景描述(希望解决的问题)

https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/wxml-wxss.html

组件外部样式类,超级难用。

1.文档里这句:

<!-- 组件 custom-component.wxml -->

<custom-component class="my-class">这段文本的颜色由组件外的 class 决定</custom-component>

这种写法会让人误以为是在页面使用组件标签。。

/* 组件 custom-component.js */

Component({

 externalClasses: ['my-class']

})

<!-- 页面的 WXML -->

<custom-component my-class="red-text" />

.red-text {  color: red;
}

给组件用外部样式使用也很繁琐。如果是多层组件嵌套呢,还要一层一层写吗。。

externalClasses: {

    default:[‘组件默认使用全局my-class0’]

    ‘实例1具名name’:[‘我使用全局my-class1’],

    ‘实例2具名name’:[‘我使用全局my-class2’],

}

页面里<custom-component externalClass=实例1具名name />

这样数组里声明什么就直接使用全局样式岂不更好,多次调用时想用不同样式,也可以根据名称区分。

1 回复

顶一个,希望能够解决!!!

回到顶部