微信小程序动态设置class

在微信小程序中，可以通过setData()方法来动态设置元素的class属性。具体实现步骤如下：

1. 在wxml文件中定义需要设置class的元素，例如：

   <view class="{{className}}">Hello World!</view>

2. 在js文件中定义className变量，并在合适的时机设置它的值，例如：

   Page({
     data: {
       className: 'default'
     },
     onLoad: function() {
       // 在页面加载时，动态设置className的值为red
       this.setData({
         className: 'red'
       })
     },
     handleClick: function() {
       // 在点击某个按钮时，动态设置className的值为blue
       this.setData({
         className: 'blue'
       })
     }
   })

3. 在CSS样式文件中定义不同的class样式，例如：

   .default {
     color: black;
   }
   .red {
     color: red;
   }
   .blue {
     color: blue;
   }

这样，当页面加载时，元素的class属性为default，文本颜色为黑色；当点击按钮时，元素的class属性为blue，文本颜色为蓝色。通过动态设置className变量，可以实现元素class属性的动态变化。