uniapp按钮样式怎么改

2025-05-05 14:13:32

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

uniapp按钮样式怎么改

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

uniapp按钮样式怎么改

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

uniapp按钮样式怎么改

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

uniapp按钮样式怎么改

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

uniapp按钮样式怎么改
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢