微信小程序 --个人开发总结

设置高度100%

类似html页面，给html,body设置样式高度100%
同样的，在wxml中，我们直接给page {height:100%} 即可

全局变量在wxml中使用以及在单独页面js中修改

想要在wxml中使用全局变量{{}}，我们只能在此对应的页面js data中，声明一个变量，将其赋值为全局变量
在此js一开始，我们需要通过const app = getApp(),接着变可以方便取全局变量的值 app.globalData.hotArea
修改全局变量的值，我们不需要放在this.setData中去修改，直接类似这样 app.globalData.hotArea = this.data.hotArea;

关于navigate 路由跳转

个人认为，从一个页面跳转到另一个页面后，再想跳转回去是会报错的，只能使用wx.navigateBack(OBJECT) 进行页面返回

获取手机号

首先，个人申请的开发者账号，是没有权限获取的，也就是说没有权限去调用 wx.getUserInfo(OBJECT) 或者 getPhoneNumber(OBJECT) 这些接口。
当我们有 企业开发者权限时，我们先通过在app.js中调用登录接口


// 登录
wx.login({
success: res => {
// 发送 res.code 到后台换取 openId, sessionKey, unionId
}
})

接着在对应页面的js中，调用获取信息的接口

// 获取手机号
getPhoneNumber: function (e) {
console.log(e);
}


修改button的边框border样式

在button上直接修改是不起作用的，因为在微信小程序中，button的边框样式，是设置在::after上的，我们需要通过伪类才可以修改border
button::after{border:none;}