欢迎光临,了解微信小程序开发,就上易用通!

微信小程序学习实践记录《五》:button控件

发布:2018-01-30 11:36浏览: 来源:网络 作者:cola

button控件学习

1.button属性

微信小程序学习实践记录《五》:button控件(图1)

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

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

 

[html] view plain copy

<view class="content">  
<!--type属性为default-->  
<!--size属性为default-->  
<button type="default" size="default"> size属性为default </button>  
<!--size属性为mini-->  
<button type="default" size="mini"> size属性为mini </button>  
  
<!--type属性为primary-->  
<!--size属性为default-->  
<button type="primary" size="default"> size属性为default </button>  
<!--size属性为mini-->  
<button type="primary" size="mini"> size属性为mini </button>  
  
<!--type属性为warn 一般用于需要慎重点击的按钮-->  
<!--size属性为default-->  
<button type="warn" size="default"> size属性为default </button>  
<!--size属性为mini-->  
<button type="warn" size="mini"> size属性为mini </button>  
</view>  

微信小程序学习实践记录《五》:button控件(图2)

 

3.plain属性对按钮的影响

 

[html] view plain copy

<!--type属性为default-->  
<!--plain属性为false的时候可以省略-->  
<button type="default" size="default"> size属性为default </button>  
<!--plain属性为true-->  
<button type="default" size="default" plain="true"> size属性为mini </button>  
  
  
  
  
<!--type属性为primary-->  
<!--plain属性为false的时候可以省略-->  
<button type="primary" size="default" > size属性为default </button>  
<!--plain属性为true-->  
<button type="primary" size="default" plain="true"> size属性为mini </button>  
  
  
  
  
<!--type属性为warn 一般用于需要慎重点击的按钮-->  
<!--plain属性为false的时候可以省略-->  
<button type="warn" size="default"> size属性为default </button>  
<!--plain属性为true-->  
<button赞赏





免责声明:本站所有文章和图片均来自用户分享和网络收集,文章和图片版权归原作者及原出处所有,仅供学习与参考,请勿用于商业用途,如果损害了您的权利,请联系网站客服处理。