重要参数
size 按钮的大小,如果添加mini,就会变小。
type 按钮的样式,注意:都不怎么好看
1,primary 绿的
2,warn 红的
plain 按钮的背景色变透明
loading 按钮的前边带一个默认等待字样
hover-class 按下去的class属性
form-type 提交表单的时候用
1,submit 表单的提交
2,reset 表单的重置
open-type 特殊功能(用处都不大)
1,contact 客服对话
2,share 分享
3,feedback 意见反馈
分析
button不好用,因为默认样式大多数人都看够了,所以说很多时候还是需要自己做样式,很少会直接使用它自带的样式,什么绿色的按钮,什么镂空,都是没用的。
loading还挺好的,毕竟算是一个自带的小功能,不用添加动画和伪元素类就能实现等待功能了,还是挺香的。
share分享是挺好的,但是香不起来,因为你一做分享功能,小程序就可能说你违规营销,不允许。
feedback意见反馈是最愚蠢的功能,往往正经人没一个用的,反馈上来的意见都是来打各种广告的。所以意见反馈全是垃圾消息,很烦。不知道别人是不是也这样,但是我的经验就是这个不好用。当然,不是本身的原因,是因为使用者的原因。
简单使用
<button>普普通通的按钮</button>
<button size="mini">小的按钮</button>
<button type="primary">绿色的按钮</button>
<button type="warn">红色的按钮</button>
<button plain>镂空的按钮</button>
<button loading>等待的按钮</button>
<button open-type="contact">打开客服对话</button>
<button open-type="share">分享</button>
<button open-type="feedback">意见反馈</button>
这个很容易吧?看图说话!