uView Button 按钮

该组件内部实现以uni-appbutton组件为基础，进行二次封装，主要区别在于：

• 按钮type值有更多的主题颜色
• 按钮size值有更多的尺寸可选

注意

1. 此组件内部使用uni-appbutton组件为基础，除了开头中所说的增加的功能，另外暴露出来的props属性和官方组件的属性完全一致， uni-appbutton组件比较特殊，因为它有一些其他小程序平台的特定能力，请参考文档后面的参数列表，更详细说明请参uni-app方文档：
   uni-app方button组件(opens new window)
2. 由于微信小程序的限制，在微信小程序中设置了form-type的u-button无法触发form组件的submit事件(H5和APP正常)，详见微信小程序文档Bug & Tip部分(opens new window)

#平台差异说明

App（vue）	App（nvue）	H5	小程序
√	√	√	√

#基本使用

文字内容通过text传入

copy

#设置按钮的多种形态

• type值可选的有default(默认)、primary、success、info、warning、error
• 通过plain值设置是否镂空
• 通过hairline值设置是否细边
• 通过disabled值设置是否禁用
• 通过loading值设置是否开启加载图标，loadingText设置加载中文字
• 通过icon值设置是否显示图标
• 通过shape值设置按钮形状，circle为圆角
• 通过color值设置按钮渐变颜色
• 通过size值设置按钮的大小

copy

#定义需要用到的外部样式

1. 针对非微信小程序平台，组件的根元素就是uni-appbutton组件，所以修改按钮的样式很容易，直接给组件定义类名或者嵌入内联样式即可。
2. 如果是微信小程序，编译后页面会有组件同名的元素存在，导致样式传递有问题。
3. 如果是为了修改按钮与其他元素之间的距离或者宽度等，可以给按钮外面套一个view元素，控制这个view与其他元素的距离或者宽度，即可达到同等效果。

所以：我们提供了一个custom-style参数，推荐用户可以用对象形式传递样式给组件内部，注意驼峰命名。