介绍微信小程序Button组件的应用,主要介绍size、type、disabled、plain和loading属性。
工具/原料
微信web开发者工具
size(尺寸大小)属性介绍
1、size属性有default和min两种选项。default选项宽度同手机屏幕宽度。min选项宽度依据按钮所显示文字量。
2、设置按钮尺寸还可以.wxss文件中设置。可以根据需求设置相应的比例。
type(样式)属性介绍
1、type属性有三个选项:primary、default、warn。primary:显示为绿色按钮
2、default:显示为白色按钮
3、warm:显示为红色按钮
disabled、plain和loading属性介绍
1、disabled属性为是否禁用。true:无法点击按钮(按钮变灰)。false:可以点击按钮。
2、plain属性为按钮是否镂空,背景色透明。true:按钮镂空(显示明显外框)。false:不镂空。
3、loading属性为点击等待。true:进行点击等待(有一个表示等待的圈)。false:无等待。