这是第一个界面，我们利用一个button按钮，触发一个点击事件
待点击事件触发之后会跳转到获取收货地址界面，然后我们点击确定，然后让它的信息在界面上进行渲染，会变成这个样子。
现在让我们来看一下代码
JS代码：
var app = getApp();
Page({
/**
* 页面的初始数据
*/
data: {
userName: '',
Phone: '',
Address: '',
showAddress: true,
addAddress: false,
},
getAddress() {
var that = this;
wx.getSetting({
success(res) {
console.log( res.authSetting['scope.address'])
if (res.authSetting['scope.address']) {
wx.chooseAddress({
success(res) {
that.setData({
userName: res.userName,
Address: res.provinceName + res.cityName + res.detailInfo,
Phone: res.telNumber,
addAddress: true,
showAddress: false
});
}
})
}
else {
if (res.authSetting['scope.address'] == false) {
console.log("。。。。。。")
wx.openSetting({
success(res) {
console.log(res.authSetting)
}
})
}
else {
console.log("。。。。。。")
wx.chooseAddress({
success(res) {
that.setData({
userName: res.userName,
Address: res.provinceName + res.cityName + res.detailInfo,
Phone: res.telNumber
});
}
})
}
}
}
})
}
})
less代码：
.addinfo{
padding: 20rpx;
button{
width: 60%;
}
}
.profile{
display: flex;
padding: 20rpx;
.t1{
flex: 5;
}
.t2{
flex:3;
text-align: right;
}
}
wxml代码
.addinfo{
padding: 20rpx;
button{
width: 60%;
}
}
.profile{
display: flex;
padding: 20rpx;
.t1{
flex: 5;
}
.t2{
flex:3;
text-align: right;
}
}
/* less代码就是wxss代码，然后这里暂时没有用到json中的代码就不再过多赘述了。
如果你觉得对你有帮助的话就给我点个赞吧~~~~
*/