微信小程序中text和button的用法的介绍

本文介绍了微信小程序中text和rich-text组件的用法,以及button的多种样式配置。text组件可通过selectable属性实现长按复制功能,而rich-text则能将HTML内容转换为wxml展示。button组件的type属性可以设置为primary或warn改变主题色,size属性可调整尺寸,plain属性创建镂空样式。不同版本的微信小程序中,按钮显示可能有所差异。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1.对于text的用法,通过添加selectable属性,再点击预览后,通过微信扫码,在手机界面,

通过长按,可以直接复制。

2.对于rich-text的用法,通过nodes属性,可以把html中的直接渲染成wxml格式的,效果如下

 示例代码:

效果图:

对于微信小程序button的用法,

1.在button添加type=primary表示是主色条格式。

2.在button添加type=warn表示是警告格式的

3.在button里添加size=mini表示是小格式按钮

4.在button里添加plain表示是镂空属性的

示例程序如下:

效果如下:

关于版本的不同,这些按钮的显示样式也不同,如在app.json文件中,把style:"v2"删除掉

示例效果如图:

 以上就是这些,

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值