小程序css变量写法

js

let myStyle = `--color:blue;  --border-radius:50%; --aak-color:red;`

this.setData({
  myStyle:myStyle,
})

html

<view class="bbb" style="width: 100%;height: 200rpx;{{myStyle}}">

  <text class="ccc">测试测试</text>
</view> 

css

 .bbb{
  color: var(--color);//字蓝色
  background: var(--aak-color);//背景色红色

 

posted @ 2020-03-26 17:09  太极面  阅读(3814)  评论(0编辑  收藏  举报