在微信小程序中，动态添加样式可以通过以下几种方法实现：
内联样式
使用 `style` 属性可以直接在 WXML 元素上绑定动态样式。例如：
```html
```
在 JS 文件中，你可以通过 `this.setData（）` 来更新这些动态绑定的样式属性：
```javascript
Page（{
data: {
color: 'black',
bgColor: 'white'
},
changeColor: function（） {
this.setData（{
color: this.data.color === 'black' ？ 'blue' : 'black',
bgColor: this.data.bgColor === 'white' ？ 'yellow' : 'white'
}）；
}
}）；
```
动态添加 class
可以通过设置 `class` 属性来动态切换不同的样式类。例如：
```html
```
在 JS 文件中，你可以通过 `this.setData（）` 来更新 `isActive` 数据，从而动态添加或移除 `active` 类：
```javascript
Page（{
data: {
isActive: false
},
toggleActive: function（） {
this.setData（{
isActive: !this.data.isActive
}）；
}
}）；
```
使用数据绑定
可以利用 WXML 的数据绑定功能，将样式类名绑定到数据变量上，从而实现样式的动态切换。例如：
```html
```
在 JS 文件中，你可以通过更新数据对象的属性来改变对应的样式类名：
```javascript
Page（{
data: {
items: [
{ class: 'item1' },
{ class: 'item2' }
]
},
changeClass: function（index） {
this.data.items[index].class = this.data.items[index].class === 'item1' ？ 'item2' : 'item1'；
this.setData（{ items: this.data.items }）；
}
}）；
```
条件渲染
通过条件渲染，可以根据条件判断来动态添加或移除样式类。例如：
```html
```
在 JS 文件中，你可以通过更新数据对象的属性来改变 `condition`，从而动态显示或隐藏带有 `active` 类的元素：
```javascript
Page（{
data: {
condition: true
},
toggleCondition: function（） {
this.setData（{
condition: !this.data.condition
}）；
}
}）；
```
这些方法可以帮助你在小程序中实现样式的动态添加和切换。根据具体的需求和场景，选择合适的方法可以实现更加灵活和高效的样式管理。