微信小程序学习笔记

微信小程序页面一般分为三部分：window，page，toBar

window

"window": {
  "": ""
}

tabBars

"tabBar": {
    "list": [
      {
        "pagePath": ""  # 点击他跳转到哪个页面
        "text": ""  # 文字
      },
      {
        "": ""
      }
    ]
  },

页面跳转

<!--中间可以通过data-传参-->
<view bindtap="clickMe">百度</view>

clickMe: function() {
    // 跳转非tabBar的页面
    wx.navigateTo({
        url: "../logs/logs"
    })
}

.js默认配置

onLoad: function (options) {
  // @options: 如果是跳转页面，会获取相关参数
  // 当页面显示自动执行该方法
},

数据绑定

<view>{{message}}</view>

绑定在js中

data: {
    message: "ppap"
},

后端修改数据

<button bindtap="fixinfo">修改信息</button>

fixinfo: function() {
    // 修改数据
    this.setData({message: "adada"});
},

获取相关信息

<view bindtap="getName">{{名字}}</view>

getName: function() {
    console.log("sad");
    wx.getUserInfo({
        success: function(res) {
            console.log('success', res);
        },
        fail: function(res) {
        console.log('success', res);
        }
    })
},

获取信息必须授权，当然也可以自动授权

wx.openSetting({
    withSubscriptions: true,
})

获取定位信息

getloc: function() {
    wx.chooseLocation({
        success: function(res) {
        console.log("经度", res.latitude);
        console.log("纬度", res.longitude);
    )}
},