微信小程序学习(十)：button控件

1.button属性

2.size和type属性对button的影响

size属性的默认值为default，type属性的默认值也为default，如果值为default时，该属性可以省略；

[html]代码区

copy code

3.plain属性对按钮的影响

[html]代码区

[javascript]代码区

//.js中定义的变量  

data: {  

plain:false  

  },  

4.disable属性对按钮的影响

[html]代码区

该属性的设置注意点与plain相同，参见plain属性图片上的红色强调字体

5.loading属性对按钮的影响

[html]代码区

6.注意事项

通常按钮的属性都通过.js文件定义变量来修改，这样便于按钮交互时实时更新按钮状态，提示用户

[javascript]代码区

data: {  

defaultSize:'default',  

primarySize:'default',  

warnSize:'default',  

disabled:false,  

plain:false,  

loading:false  

  },  

在代码用引用变量

[html]代码区

disabled="{{disabled}}" bindtap="default" hover-class="other-button-hover"> default   

disabled="{{disabled}}" bindtap="primary"> primary   

disabled="{{disabled}}" bindtap="warn"> warn