微信小程序之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应用
  • Mysql workbench怎么打开sql文本
  • notepad++光标变成下划线
  • C#中如何判断字符串是否可以转换为数字?
  • 怎么在LabVIEW里面添加FOR循环结构
  • jquery如何修改标签id
  • 热门搜索
    小腹痛是怎么回事 优思明怎么吃 手机怎么刷机 苹果手机屏幕上的圆点怎么设置 c盘怎么清理 小便出血是怎么回事 晚安英语怎么说 怎么做干花 六字真言怎么读 囊肿是怎么形成的