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

1.button属性

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

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

[html]代码区

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   

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,991评论 19 139
  • ¥开启¥ 【iAPP实现进入界面执行逐一显】 〖2017-08-25 15:22:14〗 《//首先开一个线程,因...
    小菜c阅读 6,554评论 0 17
  • 重要:这是针对于正在开发中的API或技术的预备文档(预发布版本)。苹果提供这份文档的目的是帮助你按照文中描述的方式...
    金_波阅读 2,033评论 3 13
  • 轻雷云外威已悠,汗血管锥稻粱谋。 笔走龙蛇天星堕,书翻寒暑地脉吼。 情仇爱恨皆退路,真假痴聪哽在喉。 燔尽茅庐身何...
    青灯先生阅读 287评论 0 2
  • 前年年末吧,开始帮馒头姐写公众号。由于才华有限,公众号一直不温不火。但是每篇也都是用心之作。 很多人都问我。“你写...
    答答_阅读 139评论 7 0