【快速文档】button标签,这就是小程序的按钮了吗

本文详细介绍了小程序中Button组件的各种属性,如size、type、plain、loading和open-type等,并对其实际应用进行了分析。作者指出,尽管Button的默认样式可能不满足多数设计需求,但loading和share功能有一定实用性。然而,feedback功能因常被滥用而变得无效。通过实例代码展示了Button的简单使用方法。

重要参数

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>

这个很容易吧?看图说话!

 回到小程序快速文档-吴茗

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值