微信小程序-自定义组件修改样式

项目中一个组件用在不同的界面,但A界面的样式和B界面的样式不一样,也就用到了下面的方法(以下是转自一位大牛的,主要是以后方便查阅,感谢大牛。)。

 

1、小程序的  外部样式属性:externalClasses 可以是 1个或多个  (string or array)

微信小程序-自定义组件修改样式_第1张图片
2 在组件标签里写上class

微信小程序-自定义组件修改样式_第2张图片

3、在使用组件的页面里的标签里 写上属性要对应的class类名

微信小程序-自定义组件修改样式_第3张图片

4、在使用组件的页面的wxss文件里中写上样式 刷新大功告成

 微信小程序-自定义组件修改样式_第4张图片

 

微信小程序官方文档链接:

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

需要注意:看下图

微信小程序-自定义组件修改样式_第5张图片
原文:https://blog.csdn.net/amyloverice/article/details/80595448

你可能感兴趣的:(微信小程序)