Button 按钮

文档链接: https://vant-contrib.gitee.io/vant/#/zh-CN/button
在 Vue3 + TS + 配置自动加载后可直接使用

基本语法

<van-button>文字</van-button>

可设置类型 type: default(白色), primary(蓝色), success(绿色), warning(黄色), danger(红色)
朴素按钮, 即白色背景按钮, 只要包含 plain 属性即可.
细边框, 只要含有 hairline 属性, 即可展示 0.5px 的细边框.
禁用状态, 使用 disabled 属性即可 (样式上置灰).
加载状态, 使用 loading属性. 可以设置加载图标 (loading-type), 以及文字 loading-text.
按钮形状. 默认为圆角矩形. 可以设置 square 方矩形. 和 round 胶囊形.
图标按钮. 使用 icon 属性添加图标.
按钮尺寸. size 属性, 可取值: large, normal, small, mini.
块级元素. 使用 block 属性.
页面导航. 使用 url 属性, 或 to 属性.
自定义颜色. 使用 color 属性. 支持使用梯度渐变色.
动画按钮. 组合使用 Button 和 Swip 组件. 将轮播嵌入到按钮中.
在于表单结合使用时, 常会设置 native-type="submit" 来触发表单提交.