微信小程序 按钮效果

在微信小程序中,自带的 button 是自带点击效老模悔果的,但是一旦我们给 button 加了 class 之后,这个按钮就变成了一个方块,点击也没有任侍正何视觉效果.于是自己写了一套通用的小程序码颂点击按钮效果

按钮样式

目标需求：实现下历锋图，给点击的view增加类，每肢嫌晌次只能选择一个。

主要思路：给点击的view增加类，依靠点击的index对state进行赋值。如果相同时，给该view增加类者前。

效果演示：

wxml

wxss

js

1.创建微信小程序项目；2.在index.wxml文昌码宏件中添加按钮组件代码；3.在index.wxss文件里添加两种按钮样耐册式；4.在index.js文件中添加交互代码来测试效果；5.保存编辑的代码并进行调试即可。模物

---