微信小程序

前言

这里记录了微信小程序开发的一些东西，实用性比较强，纯粹是为了自己备忘而写的。

底部tab

在app.json里面tabBar字段下的List配置了小程序下面的tab以及路由
注意pages 下的第一个页面必须和tabBar第一个页面相同

请求

注意域名添加白名单

    wx.request({
      url: 'https://*************',
      header:{'api-key':'*************'},
      method:'get',
      success:function(res){
        console.log(res);
        console.log(res.data.data);
      },
      fail(res){
        console.log(res);
      }
    })

setData

采用setData来更新页面的动态数据

给绑定的函数传参数

<view class="card" bindtap="sendCommand" data-device="FAN">
  <image src="../../img/fun.png" class="card-icon"/>
  <text wx:if="{{FAN==0}}" class="control-text" >开</text>
  <text wx:if="{{FAN==1}}" class="control-text" >关</text>
</view>
<view class="card" style="margin-bottom:12px" bindtap="sendCommand" data-device="WINDOW">
  <image src="../../img/window.png" class="card-icon"/>
  <text wx:if="{{WINDOW==0}}" class="control-text">开</text>
  <text wx:if="{{WINDOW==1}}" class="control-text">关</text>
</view>

  sendCommand:function(e){
    console.log(e);
    //从e.currentTarget.dataset.device取值