1 问题描述
在小程序中编写了自定义的组件,用来展示 图片+文字 的效果,但是在第二处展示时,想要修改图片的大小。直接在pageA(调用自定义组件的文件)中为componentB(自定义的组件)添加class失效。
2 使用外部样式类
外部样式类:自身不去实现这个class类,由使用它的 页面来写。
想要实现如下效果:

<!--componentB-->
<view class="show-img">
<image class="f-class1 f-class2" src="/images/mef.jpeg"></image>
<text class="show-box-text">马尔福</text>
</view>
Component({
//componentB
externalClasses: [

本文主要介绍了在微信小程序中遇到自定义组件样式设置失效的问题。当尝试在调用组件的地方通过添加class来改变组件内图片大小时,发现样式无效。解决方法是使用外部样式类,将样式定义在引用组件的页面中,从而达到预期效果。
最低0.47元/天 解锁文章
4112

被折叠的 条评论
为什么被折叠?



