无码日韩精品无码国产_一级做a爰片久久毛片潮喷_国产欧美国日产_久久9热re这里只有国产中文精品6_每天将为您更新成人影视在线看免费观看

Menu
小程序資訊
小程序資訊
微信小程序把玩《四》:text組件,progress組件,button組件
時間:2016-10-18 19:04:00
一:text組件

通常文本設置要不在wxml中設置,再要不就是通過weml綁定在js中設置文字。

wxml

<view >
    <text>我是文本組件</text>
</view>
<text>{{text}}</text>
js

Page({
    /**
     * 初始化數(shù)據(jù)
     */
  data:{
    text:"我是在js文件中綁定的文本"
  },
  onLoad:function(options){
    // 頁面初始化 options為頁面跳轉所帶來的參數(shù)
  },
  onReady:function(){
    // 頁面渲染完成
  },
  onShow:function(){
    // 頁面顯示
  },
  onHide:function(){
    // 頁面隱藏
  },
  onUnload:function(){
    // 頁面關閉
  }
})

二:progress組件

進度條描述的是一種加載的狀態(tài),比如軟件升級下載進度, 視頻,圖片下載進度…

主要屬性:



wxml

<progress 
    percent="80"
    show-info="true" 
    stroke-width="5"
    color="red"
    active="true"/>

三:button組件

button按鈕用的算是最普遍的組件之一。

主要屬性:


wxml

<!--按鈕默認樣式,點擊事件-->
<button type="defaule" bindtap="clickButton">Defalut</button>

<!--原始顏色,不可點擊狀態(tài), 正在加載狀態(tài)-->
<button type="primary" disabled="true" loading="true">Primary</button>

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

Page({
  data:{
    // text:"這是一個頁面"
  },

  /**
   * button點擊事件監(jiān)聽
   */
  clickButton: function(e) {
      //打印所有關于點擊對象的信息
      console.log(e);
  },
  onLoad:function(options){
    // 頁面初始化 options為頁面跳轉所帶來的參數(shù)
  },
  onReady:function(){
    // 頁面渲染完成
  },
  onShow:function(){
    // 頁面顯示
  },
  onHide:function(){
    // 頁面隱藏
  },
  onUnload:function(){
    // 頁面關閉
  }
})
咨詢
微信掃碼咨詢
電話咨詢
400-888-9358