请选择 进入手机版 | 继续访问电脑版
查看: 729|回复: 0

[工具动态] 小程序组件样式改动(重要)

[复制链接]
发表于 2020-4-15 10:53:39 | 显示全部楼层 |阅读模式
背景
由于目前小程序线上的组件样式是基于开发者定义的组件名称作为前缀的,当名称相同时,组件样式可能冲突,给开发者带来很多困扰,所以近期我们对组件样式进行了重构,在已有架构下尽可能保证组件样式的稳定性。

上线安排
我们将于2019.12.20日,上线此改动至百度App 11.16.0,基础库版本为 3.120.x。
待所有开发者修改好样式后,我们会将此功能全量上线,时间暂定2019年12月底。

自查方式
我们在开发者工具2.21.1及以上版本版中提供了 3.120.1-rc 版的调试基础库,大家可以在开发者工具中切换调试基础库验证修改小程序是否有问题。
开发者工具下载地址:

有问题的使用方式
自定义组件内部元素标签中的class属性,和css文件中的class选择器,前缀是组件名+”__”的写法。
    <!-- 组件my-component中的模板 -->    <view class="red"></view>    .my-component__red{      color: red;    }

修改方式
修改样式文件,保证 class 与 css 一致即可。
    <view class="red"></view>    .red{      color: red;    }
代码片段(需安装百度开发者工具)以上代码片段,切换调试基础库线上版本与 3.120.1-rc 版本比较,即可看到效果。

Tip:现有小程序对组件样式的处理方案参见此文档

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|Archiver|Baidu Inc.

GMT+8, 2021-4-17 06:44 , Processed in 0.273844 second(s), 16 queries .

Powered by Discuz! X3.2

© 2001-2011 Comsenz Inc.

返回顶部