收藏
回答

“组件外部样式类”不好用,能否调整

框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
小程序 需求 组件:外部样式类 客户端 888 888

- 需求的场景描述(希望解决的问题)

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>

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


2.

/* 组件 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 个回答

  • 范绍勇🐇
    范绍勇🐇
    2018-10-08

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

    2018-10-08
    有用
    回复
登录 后发表内容