微信小程序 实现点击添加移除class

微信小程序：点击切换以添加或移除class类实现动态效果

在wxml中，我们创建了两个视图元素，通过绑定`class`属性，实现了点击时动态改变样式类的功能。它们位于一个名为`location_bottom`的容器内，每个视图元素都有一个独特的样式类，根据`_num`的值来决定是添加还是移除`add_citying`样式类。当点击这些视图元素时，会触发`clickNum`函数，改变`_num`的值，从而改变元素的样式类。

wxml代码：

```html

北京

上海

```

wxss样式：

`.location_bottom`定义了一个底部的位置样式，包含一些基础的边距和布局设置。而`.add_city`和`.add_citying`则定义了城市和突出城市（带有绿色边框和文字的样式）的样式。通过点击事件改变`_num`的值，可以在两种样式之间切换。

js逻辑处理：

在Page对象中定义了数据属性`_num`以及两个方法：`clickNum`和`onLoad`。当页面加载时，`onLoad`函数不执行任何操作。而`clickNum`函数则是当点击视图元素时被触发，它会记录被点击元素的`data-num`值并更新到`_num`中，从而改变元素的样式类。

wxss和js代码（略，与原文一致）。

在实际应用中，这种动态改变样式类的功能非常实用，允许开发者创建交互性更强的界面。通过这种方式，我们可以实现一系列动态的UI效果，提升用户体验。希望这篇文章能帮助到对微信小程序开发感兴趣的朋友们。谢谢大家的支持！如果你有任何疑问或建议，请随时联系我们。我们相信分享和交流可以共同进步，一起创造更好的用户体验。感谢阅读！如果您有任何关于代码实现或其他技术问题的疑问，请随时向我们咨询。我们会尽力提供帮助和指导。让我们一起学习、一起进步！