小程序
小游戏
企业微信
微信支付
扫描小程序码分享
小程序可以用什么方式动态改变css伪元素的样式?做自定义组件需要用到。
6 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
使用css变量,修改伪类样式,https://blog.csdn.net/m0_63007736/article/details/131702795
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
在wxml 给class 加判断就好啦, 如果有salesNum数值, 那这个伪元素就会消失
class="myinput after-el{{salesNum?'input':''}}"
.after-el:after{ content: '这是我的伪元素'; width:30rpx; height:30rpx; }
伪元素不行,多增加一个实体元素吧
可以这么玩:
wxss:.oneSty:first-line{ color:black;font-size:32rpx;}
.twoSty{ color:gray; font-size:24rpx;}
wxml: 测试数据测试数据测试数据测试数据测试数据测试数据测试数据测试数据测试数据测试数据测试数据测试数据测试数据测试数据测试数据测试数据测试数据测试数据测试数据测试数据
不能动态随意改变,都要预设好,可以动态给父组件或自己加类,来调整。如果变动多的话,还是用普通 view 标签去代替吧
可以,
例如在组件加个style=“color:{{a}}”
在js中改变a
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
使用css变量,修改伪类样式,https://blog.csdn.net/m0_63007736/article/details/131702795
在wxml 给class 加判断就好啦, 如果有salesNum数值, 那这个伪元素就会消失
class="myinput after-el{{salesNum?'input':''}}"
.after-el:after{ content: '这是我的伪元素'; width:30rpx; height:30rpx; }
伪元素不行,多增加一个实体元素吧
可以这么玩:
wxss:.oneSty:first-line{ color:black;font-size:32rpx;}
.twoSty{ color:gray; font-size:24rpx;}
wxml:测试数据测试数据测试数据测试数据测试数据测试数据测试数据测试数据测试数据测试数据测试数据测试数据测试数据测试数据测试数据测试数据测试数据测试数据测试数据测试数据
不能动态随意改变,都要预设好,可以动态给父组件或自己加类,来调整。如果变动多的话,还是用普通 view 标签去代替吧
可以,
例如在组件加个style=“color:{{a}}”
在js中改变a