阅读956 返回首页    go iPhone_iPad_Mac_手机_平板_苹果apple


微信小程序的表单按钮组件功能详解

表单是网页开发中非常重要的一部分,对于类似的微信小程序而言,表单技术同样在小程序的开发中非常重要。微信小程序中已经帮助每一位开发者集成了统一风格的button组件,对于开发者而言,只要通过参数的微调,就可以制作出属于自己的按钮组件。在项目中编写文件index.wxml的页面代码:

在indexjs的data对象中添加相应的变量名称:

保存上述代码运行后,实现效果如图所示。

第一按钮是default样式,也就是什么都不设置时的按钮样式。第二个按钮是primary样式,这个样式适合于对于一些页面的主要操作按钮,可以起到相应的提醒功能。第三个按钮是warn样式,是按钮的警告按钮,红色的醒目颜色。第四个按钮是把default按钮的size设置成mini时的样式大小。第五个按钮是把default按钮设置成不可操作时的样式,即对于disabled样式设置成true。第六个按钮是把default样式的Plain属性设置成true时的样式。第七个按钮是把default样式的按钮loading属性设置成true时的样式,此时按钮会在基本的样式前面加载一个载入的动画,可以在等待跳转或者是处理数据的情况下使用此样式。

最后更新:2017-08-27 22:49:52

  上一篇:go 微信小程序的text文本组件功能介绍
  下一篇:go 智能科技突破沟通屏障,“微信相框M”捷足先登!