常州微信小程序开发《四》：text组件，progress组件，button组件

<view >

    <text>我是文本组件</text>

</view>

<text>{{text}}</text>

Page({

    /**

     * 初始化数据

     */

  data:{

    text:"我是在js文件中绑定的文本"

  },

  onLoad:function(options){

    // 页面初始化 options为页面跳转所带来的参数

  },

  onReady:function(){

    // 页面渲染完成

  },

  onShow:function(){

    // 页面显示

  },

  onHide:function(){

    // 页面隐藏

  },

  onUnload:function(){

    // 页面关闭

  }

})

<progress 

    percent="80"

    show-info="true" 

    stroke-width="5"

    color="red"

    active="true"/>

<!--按钮默认样式，点击事件-->

<button type="defaule" bindtap="clickButton">Defalut</button>

 

<!--原始颜色，不可点击状态， 正在加载状态-->

<button type="primary" disabled="true" loading="true">Primary</button>

 

<button type="warn">warn</button>

Page({

  data:{

    // text:"这是一个页面"

  },

 

  /**

   * button点击事件监听

   */

  clickButton: function(e) {

      //打印所有关于点击对象的信息

      console.log(e);

  },

  onLoad:function(options){

    // 页面初始化 options为页面跳转所带来的参数

  },

  onReady:function(){

    // 常州微信公众平台开发页面渲染完成

  },

  onShow:function(){

    // 页面显示

  },

  onHide:function(){

    // 页面隐藏

  },

  onUnload:function(){

    // 页面关闭

  }

})