小程式筆記下

小程式組件

• 網址：https://weui.io/
• 一款專註於移動端的ui庫
• 操作反饋組件
  • 交互操作組件，必須調用API方式使用
• 組件的使用類似HTML，但是必須閉標簽
• 組件的分類
  • 功能性組件(eg:icon)
    • 完成具體功能的
  • 佈局類型
  • API類型（eg:wx.showModal）
    • 通過調用一個方法使用

頁面間跳轉（使用navigator組件）

<!-- 可以返回上個界面 -->
  <navigator url=""></navigator>
<!-- 不返回 -->
    <navigator url="" redirect></navigator>

頁面間傳值

• 傳值：在鏈接上問號後接參數
• 接受值
  onLoad方法的第一個參數option（對象）

  Page({
    data:{},
    onLoad:fuction(option){
      //option用於處理頁面跳轉帶來的參數
      console.log(option)
    }
  })

實現點擊元素高亮

  .demo{
    cursor:pointer;
  }

頁面導航的另外一種方式（使用API）

<button bindtap="taphandle">跳轉</button>

Page({
  taphandle :funnction(){
    //1.
    wx.navigateTo({
      url:"../demo/demo"
    })
    //2.相當與加了redirect的navigator
    wx.redirectTo({
      url:"../demo/demo"
    })

    //3.往回跳轉,預設返回上一頁
    wx.navigateBack({
      delta:2//返回的層數，超出歷史記錄是，預設回到最原始界面
    })

  }
})