手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

微信小程序之Button应用

时间:2024-10-13 00:21:08

介绍微信小程序Button组件的应用,主要介绍size、type、disabled、plain和loading属性。

微信小程序之Button应用

工具/原料

微信web开发者工具

size(尺寸大小)属性介绍

1、size属性有default和min两种选项。default选项宽度同手机屏幕宽度。min选项宽度依据按钮所显示文字量。

微信小程序之Button应用

2、设置按钮尺寸还可以.wxss文件中设置。可以根据需求设置相应的比例。

微信小程序之Button应用

type(样式)属性介绍

1、type属性有三个选项:primary、default、warn。primary:显示为绿色按钮

微信小程序之Button应用

2、default:显示为白色按钮

微信小程序之Button应用

3、warm:显示为红色按钮

微信小程序之Button应用

disabled、plain和loading属性介绍

1、disabled属性为是否禁用。true:无法点击按钮(按钮变灰)。false:可以点击按钮。

微信小程序之Button应用

2、plain属性为按钮是否镂空,背景色透明。true:按钮镂空(显示明显外框)。false:不镂空。

微信小程序之Button应用

3、loading属性为点击等待。true:进行点击等待(有一个表示等待的圈)。false:无等待。

微信小程序之Button应用
© 手抄报圈