小程序教程

微信小程序把玩(十四)button组件

字号+ 作者: 来源: 2016-11-23 09:49 我要评论( )

button按钮用的算是最普遍的组件之一。

主要属性:

wxml

  1. <!--按钮默认样式,点击事件-->
  2. <button type="defaule" bindtap="clickButton">Defalut</button>

  3. <!--原始颜色,不可点击状态, 正在加载状态-->
  4. <button type="primary" disabled="true" loading="true">Primary</button>

  5. <button type="warn">warn</button>
复制代码

js

  1. Page({
  2.   data:{
  3.     // text:"这是一个页面"
  4.   },

  5.   /**
  6.    * button点击事件监听
  7.    */
  8.   clickButton: function(e) {
  9.       //打印所有关于点击对象的信息
  10.       console.log(e);
  11.   },
  12.   onLoad:function(options){
  13.     // 页面初始化 options为页面跳转所带来的参数
  14.   },
  15.   onReady:function(){
  16.     // 页面渲染完成
  17.   },
  18.   onShow:function(){
  19.     // 页面显示
  20.   },
  21.   onHide:function(){
  22.     // 页面隐藏
  23.   },
  24.   onUnload:function(){
  25.     // 页面关闭
  26.   }
  27. })
复制代码


 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 微信小程序 轮播图 swiper图片组件

    微信小程序 轮播图 swiper图片组件

    2016-11-23 09:49

  • 微信小程序 开发 微信开发者工具 快捷键

    微信小程序 开发 微信开发者工具 快捷键

    2016-11-23 09:49

  • 微信小程序 页面跳转 传递参数

    微信小程序 页面跳转 传递参数

    2016-11-23 09:49

  • 微信小程序 如何获取时间

    微信小程序 如何获取时间

    2016-11-23 09:49

网友点评
<