如何利用微信小程序开发工具设计出不同样式按钮

1、第一步，双击打开微信小程序开发工具，在新建的wxml文件中添加<button>争犸禀淫</button>按钮，如下图所示：

2、第二步，在按钮中添加hover-class属性值btn_style，并在wxss文件里添加皱诣愚继样式，如下图所示：

3、第三步，在文件夹下新建JavaScript文件，添加按钮tap事件，打印tap后的值，如下图所示：

4、第四步，保存代码并预览界面，可以查看到点击按钮出现了样式，如下图所示：

5、第五步，打开微信开发工具调试控制台，点击按钮后查看控制台打印的结果，如下图所示：

6、第六步，修改plain和loading属性值，将其改为“false”，再次保存代码查看效果，如下图所示：