小程序组件样式改动（重要）

最酷的王五岁

背景

由于目前小程序线上的组件样式是基于开发者定义的组件名称作为前缀的，当名称相同时，组件样式可能冲突，给开发者带来很多困扰，所以近期我们对组件样式进行了重构，在已有架构下尽可能保证组件样式的稳定性。

上线安排

我们将于2019.12.20日，上线此改动至百度App 11.16.0，基础库版本为 3.120.x。

待所有开发者修改好样式后，我们会将此功能全量上线，时间暂定2019年12月底。

自查方式

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

开发者工具下载地址：

Windows

Mac

有问题的使用方式

自定义组件内部元素标签中的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：现有小程序对组件样式的处理方案参见此文档