uniapp按钮样式怎么改

1、首先我们打开Hbuilder，新建一个项目，如下图所示

2、然后项目类型选择uni-app，项目名称随便起一个即可，如下图所示

3、接着我们就可以直接在vue文件中添加button了，通过type来声明按钮的样式，目前有的是primary，warn，default，如下图所示

4、运行以后我们可以看到三种不同的type对应了三种不同的颜色样式，如下图所示

5、另外还可以通过loding和disabled来定义按钮加载中和禁用的样式，如下图所示

6、在右侧我们可以看到用loading的按钮里面多了个加载动画，而用disabled的按钮是一种不能点击的状态

7、接着还可以通过plain来取消按钮的背景颜色，让它只有边框，如下图所示

8、运行以后我们就可以看到按钮只有边框了，背景变成白色的了，如下图所示

9、接下来还可以通过size来定义按钮的大小，如下图所示，mini代表的就是小按钮

10、最后我们就可以看到按钮变小了，这是经常会使用到的大小，如下图所示