微信小程序动态控制css

可以使用WXML中的条件渲染和绑定class来实现动态控制CSS。例如，可以在JS中定义一个变量，根据这个变量的值来决定应该添加哪个CSS class，然后通过绑定class来实现动态控制CSS。

具体实现方法如下：

1. 在JS中定义变量，并根据需要改变这个变量的值：

data: {
  bgColor: 'bg-red' //初始值为红色
},
changeColor: function() {
  this.setData({
    bgColor: 'bg-blue' //改变值为蓝色
  });
}

2. 在WXML中使用条件渲染来判断是否添加某个class：

<view class="{{bgColor=='bg-red'?'red':'blue'}}">Hello World!</view>

3. 在CSS中定义对应的class样式：

.red {
  background-color: red;
}
.blue {
  background-color: blue;
}

这样，当变量bgColor的值为'bg-red'时，渲染的元素会添加class为'red'的样式，背景色为红色；当变量bgColor的值为'bg-blue'时，渲染的元素会添加class为'blue'的样式，背景色为蓝色。同时，当调用changeColor函数时，会改变bgColor的值，从而动态改变元素的样式。