小少年报
小少年报
  • 发布:2020-09-03 10:39
  • 更新:2021-11-17 10:47
  • 阅读:5808

uniapp中动态修改伪类元素的样式

分类:uni-app

data(){ ceshiColor: "#f60" } 中定义了一个变量,让后在要改变的标签中动态添加样式 :style="{ '--color': ceshiColor }" ,最后在样式表中 .ceshi::after{ display: block;content: "我是测试数据", color: var(--color) }

0 关注 分享

要回复文章请先登录注册

少年暮已

少年暮已

动态是不是对伪元素的高没有效果啊,我设置背景颜色可以,但是设置高度就不行了
2021-11-17 10:47
小少年报

小少年报 (作者)

回复 ztb :
我写的这个就是解决办法啊
2021-09-26 16:20
ztb

ztb

遇到了同样的问题 请问楼主解决了吗
2021-09-16 16:13
魇七7

魇七7

回复 小少年报 :
谢谢
2021-02-01 09:46
小少年报

小少年报 (作者)

回复 魇七7 :
+ js:
- 在date中定义一个变量` data(){ ceshiColor: "#f60" }`
+ html:
- `<view class="ceshi" :style="{'--color': ceshiColor }">2222</view>`
+ css:
- ```
.ceshi::after{
display: "block";
content: "测试数据";
color: var(--color);
}
```

当然了,动态修改css,还是通过动态绑定style,class的方法好,我这个是动态修改css伪类
2021-02-01 09:24
魇七7

魇七7

请问有全一点的代码吗,我们要根据动态变量,修改css、我没研究明白
2021-01-28 11:44