微信小程序仿微信功能Day4

点击列表进入用户个人信息

如图所示：

当点击了列表信息时候。跳转到用户个人信息的页面，并从js文件中获取值。
1.页面布局PersonalDetails.wxml

<!-- pages/PersonalDetails/PersonalDetails.wxml -->
<block><view class="box1"><view class="box1_top"><image class="tx" src="{{arr.img}}" /><view class="box1_text"><view class="box1_title"><view class="box1_title-text">{{arr.name}}<block wx:if="{{arr.gender=='male'}}"><image src="/image/PersonalDetails/male.png" /></block><block wx:else><image src="/image/PersonalDetails/female.png" /></block></view></view><text class="text">昵称：{{arr.wechatname}}</text><text class="text">微信号：{{arr.wcnum}}</text><text class="text">地区：{{arr.address}}</text></view></view><!-- <view class="box1_bottom"><view><text>设置备注和标签</text><image /></view><view><text>朋友权限</text><image /></view></view> --></view><view class="box2"><view class="view1 b-t"><text>朋友圈</text><!-- <block wx:for="{{stu_c}}" wx:for-item="stu_item"><image src="{{stu_item}}" /></block> --><block wx:for="{{arr.circle}}" wx:for-item="arritem"><image class="box2-pyq" src="{{arritem}}" /></block><image class="view1-image" src="/image/PersonalDetails/arrows.png" /></view><view class="view1"><text>更多信息</text><image class="view1-image" src="/image/PersonalDetails/arrows.png" /></view></view><view class="box3"><view class="b-t"><image src="/image/PersonalDetails/log.png" /><text>发消息</text></view><view><image class="lx-image" src="/image/PersonalDetails/lx.png" /><text>音视频通话</text></view></view>
</block>

页面的css修饰：

/* pages/PersonalDetails/PersonalDetails.wxss */
page{background-color: #EDEDED;
}
.box1{width: 100%;background-color: #FFFFFF;padding: 35rpx;border-bottom:2rpx solid #EDEDED;
}
.box1_top{height: 220rpx;display: flex;flex-direction: row;}
.box1_top .tx{width: 150rpx;height: 150rpx;border-radius: 8%;
}
.box1_top .box1_text{width: 60%;margin-left: 40rpx;padding-top: 15rpx;position: relative;}
.box1_top .box1_title-text{display: block;width: 380rpx;font-weight: bold;font-size: 36rpx;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-bottom: 10rpx;
}
.box1_top .box1_title image{width: 45rpx;height: 45rpx;position: relative;top: 10rpx;
}
.box1_top .box1_text .text{font-size: 28rpx;color: #717171;display: block;width: 380rpx;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: 45rpx;
}
/* box2 */
.box2{width: 100%;height: 240rpx;margin-top: 30rpx;background-color: #ffffff;padding-left: 35rpx;
}
.box2 .view1{height: 120rpx;display: flex;flex-direction: row;justify-content: space-between;align-items: center;
}
.b-t{border-bottom: 2rpx solid #D3D3D3;
}
.box2 .view1 text{font-size: 27rpx;font-weight: bold;
}
.box2 .view1-image{width: 30rpx;height: 30rpx;margin-right: 80rpx;
}
.box2 .box2-pyq{display: inline-block;width: 80rpx;height: 80rpx;
}
/* box3 */
.box3{width: 100%;height: 220rpx;margin-top: 30rpx;background-color: #ffffff;
}
.box3 view{height: 110rpx;display: flex;flex-direction: row;justify-content: center;align-items: center;
}
.box3 view text{font-size: 28rpx;font-weight: bold;color: #607395;
}
.box3 view image{width: 35rpx;height: 35rpx;margin-right: 20rpx;
}
.box3 view .lx-image{width: 40rpx;height: 40rpx;
}

更多信息部分等为静态页面。
2.PersonalDetails.js

// pages/PersonalDetails/PersonalDetails.js
Page({/*** 页面的初始数据*/data: {},/*** 生命周期函数--监听页面加载*/onLoad: function (options) {var id = options.id;// console.log(title)var detailsList = getApp().communicationList;for (let i = 0; i < detailsList.length; i++) {for (let j = 0; j < detailsList[i].list.length; j++) {if (id == detailsList[i].list[j].id) {console.log(detailsList[i].list)this.setData({arr:detailsList[i].list[j]})}}}var index = options.index;var list = getApp().globalInformation;this.setData({arr: list[index]})},/*** 生命周期函数--监听页面初次渲染完成*/onReady: function () {},/*** 生命周期函数--监听页面显示*/onShow: function () {},/*** 生命周期函数--监听页面隐藏*/onHide: function () {},/*** 生命周期函数--监听页面卸载*/onUnload: function () {},/*** 页面相关事件处理函数--监听用户下拉动作*/onPullDownRefresh: function () {},/*** 页面上拉触底事件的处理函数*/onReachBottom: function () {},/*** 用户点击右上角分享*/onShareAppMessage: function () {}
})

在js中调用了在app.js中定义好的数据。
3.app.js

//app.js
App({onLaunch: function () {// 展示本地存储能力var logs = wx.getStorageSync('logs') || []logs.unshift(Date.now())wx.setStorageSync('logs', logs)// 登录wx.login({success: res => {// 发送 res.code 到后台换取 openId, sessionKey, unionId}})// 获取用户信息wx.getSetting({success: res => {if (res.authSetting['scope.userInfo']) {// 已经授权，可以直接调用 getUserInfo 获取头像昵称，不会弹框wx.getUserInfo({success: res => {// 可以将 res 发送给后台解码出 unionIdthis.globalData.userInfo = res.userInfo// 由于 getUserInfo 是网络请求，可能会在 Page.onLoad 之后才返回// 所以此处加入 callback 以防止这种情况if (this.userInfoReadyCallback) {this.userInfoReadyCallback(res)}}})}}})},globalData: {userInfo: null},globalInformation:[{id:0,gender:'male',img:"/image/2.jpg",name:"中外美术鉴赏2020",wechatname: "座又杨威:",address:"上海", circle:['/image/1.jpg','/image/2.jpg','/image/3.jpg'],  wcnum:'456123sdda' },{id:1,gender:'female',img:"/image/3.jpg",name:"-微信小程序工匠",wechatname: "李勇忠:",address:"深圳", circle:['/image/4.jpg','/image/5.jpg','/image/6.png'],  wcnum:'234234564' },{ id:2,gender:'male',img:"/image/4.jpg",name:"软件与大数据",wechatname: "未请31期19位新发展",address:"武汉", circle:['/image/7.png','/image/8.png','/image/9.png'],  wcnum:'6784563454sdda' },{id:3,gender:'female',img:"/image/5.jpg",name:"蒙古服饰",wechatname: "博物馆的",address:"四川",circle:['/image/1.jpg','/image/3.jpg','/image/2.jpg'],  wcnum:'8904563d' },{id:4,gender:'male',img:"/image/6.png",name:"31期发展对象",wechatname: "云计算181",address:"内蒙古",circle:['/image/4.jpg','/image/5.jpg','/image/5.jpg'],  wcnum:'123124776da' },{id:5,gender:'female',img:"/image/wx.png",name:"文件传输助手",wechatname: "[图片]",address:"香港",circle:['/image/6.png','/image/8.png','/image/9.png'],  wcnum:'64536456da' },{id:6,gender:'female',img:"/image/8.png",name:"项目辅导群",wechatname: "置888",address:"新疆",circle:['/image/8.png','/image/6.png','/image/10.png']      },{id:7,gender:'female',img:"/image/10.png",name:"好朋友",wechatname: "luxi968675",address:"西藏",circle:['/image/9.png','/image/7.png','/image/5.png'],  wcnum:'90786746452' }],communicationList: [{title: 'xb',list: [{id:"xb-0",img: '../../image/1.jpg',name: '张三',age: 19,gender:'male',wechatname: "座又杨威:",address:"上海", wcnum:'456123sdda',circle:['/image/1.jpg','/image/2.jpg','/image/3.jpg']},{id:"xb-1",img: '../../image/10.png',name: '李四',age: 19,gender:'female',wechatname: "座又杨威:",address:"上海", wcnum:'456123sdda',circle:['/image/1.jpg','/image/2.jpg','/image/3.jpg']}]},{title: 'A',list: [{id:"A-0",img: '../../image/2.jpg',name: 'A-王五',age: 19,gender:'male',wechatname: "座又杨威:",address:"上海", wcnum:'456123sdda',circle:['/image/1.jpg','/image/2.jpg','/image/3.jpg']},{id:"A-1",img: '../../image/9.png',name: 'A-赵6',age: 19,gender:'male',wechatname: "座又杨威:",address:"上海", wcnum:'456123sdda',circle:['/image/1.jpg','/image/2.jpg','/image/3.jpg']},{id:"A-2",img: '../../image/6.png',name: '阿肝',age: 19,gender:'male',wechatname: "座又杨威:",address:"上海", wcnum:'456123sdda',circle:['/image/1.jpg','/image/2.jpg','/image/3.jpg']}]},{title: 'B',list: [{id:"B-0",img: '../../image/3.jpg',name: '王五',age: 19,gender:'male',wechatname: "座又杨威:",address:"上海", wcnum:'456123sdda',circle:['/image/1.jpg','/image/2.jpg','/image/3.jpg']},{id:"B-1",img: '../../image/8.png',name: '赵6',age: 19,gender:'male',wechatname: "座又杨威:",address:"上海", wcnum:'456123sdda',circle:['/image/1.jpg','/image/2.jpg','/image/3.jpg']}]},{title: 'C',list: [{id:"C-0",img: '../../image/4.jpg',name: 'C-王五',age: 19,gender:'male',wechatname: "座又杨威:",address:"上海", wcnum:'456123sdda',circle:['/image/1.jpg','/image/2.jpg','/image/3.jpg']},{id:"C-1",img: '../../image/7.png',name: '赵6',age: 19,gender:'male',wechatname: "座又杨威:",address:"上海", wcnum:'456123sdda',circle:['/image/1.jpg','/image/2.jpg','/image/3.jpg']},{id:"C-2",img: '../../image/8.png',name: '赵6',age: 19,gender:'male',wechatname: "座又杨威:",address:"上海", wcnum:'456123sdda',circle:['/image/1.jpg','/image/2.jpg','/image/3.jpg']}]},{title: 'D',list: [{id:"D-0",img: '../../image/5.jpg',name: '王五',age: 19,gender:'male',wechatname: "座又杨威:",address:"上海", wcnum:'456123sdda',circle:['/image/1.jpg','/image/2.jpg','/image/3.jpg']},{id:"D-1",img: '../../image/5.png',name: '赵6',age: 19,gender:'male',wechatname: "座又杨威:",address:"上海", wcnum:'456123sdda',circle:['/image/1.jpg','/image/2.jpg','/image/3.jpg']}]},{title: 'E',list: [{id:'E-0',img: '../../image/4.jpg',name: 'E-王五',age: 19,gender:'male',wechatname: "座又杨威:",address:"上海", wcnum:'456123sdda',circle:['/image/1.jpg','/image/2.jpg','/image/3.jpg']},{id:'E-1',img: '../../image/1.jpg',name: '张三',age: 19,gender:'male',wechatname: "座又杨威:",address:"上海", wcnum:'456123sdda',circle:['/image/1.jpg','/image/2.jpg','/image/3.jpg']},{id:'E-2',img: '../../image/10.png',name: '李四',age: 19,gender:'male',wechatname: "座又杨威:",address:"上海", wcnum:'456123sdda',circle:['/image/1.jpg','/image/2.jpg','/image/3.jpg']}]},{title: 'F',list: [{id:'F-0',img: '../../image/2.jpg',name: '王五',age: 19,gender:'male',wechatname: "座又杨威:",address:"上海", wcnum:'456123sdda',circle:['/image/1.jpg','/image/2.jpg','/image/3.jpg']},{id:'F-1',img: '../../image/9.png',name: '赵6',age: 19,gender:'male',wechatname: "座又杨威:",address:"上海", wcnum:'456123sdda',circle:['/image/1.jpg','/image/2.jpg','/image/3.jpg']}]},{title: 'G',list: [{id:'G-0',img: '../../image/4.jpg',name: 'G-王五',age: 19,gender:'male',wechatname: "座又杨威:",address:"上海", wcnum:'456123sdda',circle:['/image/1.jpg','/image/2.jpg','/image/3.jpg']},{id:'G-1',img: '../../image/3.jpg',name: '王五',age: 19,gender:'male',wechatname: "座又杨威:",address:"上海", wcnum:'456123sdda',circle:['/image/1.jpg','/image/2.jpg','/image/3.jpg']},{id:'G-2',img: '../../image/8.png',name: '赵6',age: 19,gender:'male',wechatname: "座又杨威:",address:"上海", wcnum:'456123sdda',circle:['/image/1.jpg','/image/2.jpg','/image/3.jpg']}]},{title: 'H',list: [{id:'H-0',img: '../../image/4.jpg',name: '王五',age: 19,gender:'male',wechatname: "座又杨威:",address:"上海", wcnum:'456123sdda',circle:['/image/1.jpg','/image/2.jpg','/image/3.jpg']},{id:'H-1',img: '../../image/7.png',name: '赵6',age: 19,gender:'male',wechatname: "座又杨威:",address:"上海", wcnum:'456123sdda',circle:['/image/1.jpg','/image/2.jpg','/image/3.jpg']}]},{title: 'I',list: [{id:'I-0',img: '../../image/4.jpg',name: 'I-王五',age: 19,gender:'male',wechatname: "座又杨威:",address:"上海", wcnum:'456123sdda',circle:['/image/1.jpg','/image/2.jpg','/image/3.jpg']},{id:'I-1',img: '../../image/5.jpg',name: '王五',age: 19,gender:'male',wechatname: "座又杨威:",address:"上海", wcnum:'456123sdda',circle:['/image/1.jpg','/image/2.jpg','/image/3.jpg']},{id:'I-2',img: '../../image/5.png',name: '赵6',age: 19,gender:'male',wechatname: "座又杨威:",address:"上海", wcnum:'456123sdda',circle:['/image/1.jpg','/image/2.jpg','/image/3.jpg']}]},{title: 'J',list: [{id:'J-0',img: '../../image/1.jpg',name: '张三',age: 19,gender:'male',wechatname: "座又杨威:",address:"上海", wcnum:'456123sdda',circle:['/image/1.jpg','/image/2.jpg','/image/3.jpg']},{id:'J-1',img: '../../image/10.png',name: '李四',age: 19,gender:'male',wechatname: "座又杨威:",address:"上海", wcnum:'456123sdda',circle:['/image/1.jpg','/image/2.jpg','/image/3.jpg']}]},{title: 'K',list: [{id:'K-0',img: '../../image/4.jpg',name: 'K-王五',age: 19,gender:'male',wechatname: "座又杨威:",address:"上海", wcnum:'456123sdda',circle:['/image/1.jpg','/image/2.jpg','/image/3.jpg']},{id:'K-1',img: '../../image/2.jpg',name: '王五',age: 19,gender:'male',wechatname: "座又杨威:",address:"上海", wcnum:'456123sdda',circle:['/image/1.jpg','/image/2.jpg','/image/3.jpg']},{id:'K-2',img: '../../image/9.png',name: '赵6',age: 19,gender:'male',wechatname: "座又杨威:",address:"上海", wcnum:'456123sdda',circle:['/image/1.jpg','/image/2.jpg','/image/3.jpg']}]},{title: 'L',list: [{id:'L-0',img: '../../image/3.jpg',name: '王五',age: 19,gender:'male',wechatname: "座又杨威:",address:"上海", wcnum:'456123sdda',circle:['/image/1.jpg','/image/2.jpg','/image/3.jpg']},{id:'L-1',img: '../../image/8.png',name: '赵6',age: 19,gender:'male',wechatname: "座又杨威:",address:"上海", wcnum:'456123sdda',circle:['/image/1.jpg','/image/2.jpg','/image/3.jpg']}]},{title: 'M',list: [{id:'M-0',img: '../../image/4.jpg',name: 'M-王五',age: 19,gender:'male',wechatname: "座又杨威:",address:"上海", wcnum:'456123sdda',circle:['/image/1.jpg','/image/2.jpg','/image/3.jpg']},{id:'M-1',img: '../../image/4.jpg',name: '王五',age: 19,gender:'male',wechatname: "座又杨威:",address:"上海", wcnum:'456123sdda',circle:['/image/1.jpg','/image/2.jpg','/image/3.jpg']},{id:'M-2',img: '../../image/7.png',name: '赵6',age: 19,gender:'male',wechatname: "座又杨威:",address:"上海", wcnum:'456123sdda',circle:['/image/1.jpg','/image/2.jpg','/image/3.jpg']}]},{title: 'N',list: [{id:'N-0',img: '../../image/5.jpg',name: '王五',age: 19,gender:'male',wechatname: "座又杨威:",address:"上海", wcnum:'456123sdda',circle:['/image/1.jpg','/image/2.jpg','/image/3.jpg']},{id:'N-1',img: '../../image/5.png',name: '赵6',age: 19,gender:'male',wechatname: "座又杨威:",address:"上海", wcnum:'456123sdda',circle:['/image/1.jpg','/image/2.jpg','/image/3.jpg']}]},{title: 'O',list: [{id:'O-0',img: '../../image/4.jpg',name: 'O-王五',age: 19,gender:'male',wechatname: "座又杨威:",address:"上海", wcnum:'456123sdda',circle:['/image/1.jpg','/image/2.jpg','/image/3.jpg']},{id:'O-1',img: '../../image/1.jpg',name: '张三',age: 19,gender:'male',wechatname: "座又杨威:",address:"上海", wcnum:'456123sdda',circle:['/image/1.jpg','/image/2.jpg','/image/3.jpg']},{id:'O-2',img: '../../image/10.png',name: '李四',age: 19,gender:'male',wechatname: "座又杨威:",address:"上海", wcnum:'456123sdda',circle:['/image/1.jpg','/image/2.jpg','/image/3.jpg']}]},{title: 'P',list: [{id:'P-0',img: '../../image/2.jpg',name: '王五',age: 19,gender:'male',wechatname: "座又杨威:",address:"上海", wcnum:'456123sdda',circle:['/image/1.jpg','/image/2.jpg','/image/3.jpg']},{id:'P-1',img: '../../image/9.png',name: '赵6',age: 19,gender:'male',wechatname: "座又杨威:",address:"上海", wcnum:'456123sdda',circle:['/image/1.jpg','/image/2.jpg','/image/3.jpg']}]},{title: 'Q',list: [{id:'Q-0',img: '../../image/4.jpg',name: 'Q-王五',age: 19,gender:'male',wechatname: "座又杨威:",address:"上海", wcnum:'456123sdda',circle:['/image/1.jpg','/image/2.jpg','/image/3.jpg']},{id:'Q-1',img: '../../image/3.jpg',name: '王五',age: 19,gender:'male',wechatname: "座又杨威:",address:"上海", wcnum:'456123sdda',circle:['/image/1.jpg','/image/2.jpg','/image/3.jpg']},{id:'Q-2',img: '../../image/8.png',name: '赵6',age: 19,gender:'male',wechatname: "座又杨威:",address:"上海", wcnum:'456123sdda',circle:['/image/1.jpg','/image/2.jpg','/image/3.jpg']}]},{title: 'R',list: [{id:'R-0',img: '../../image/4.jpg',name: '王五',age: 19,gender:'male',wechatname: "座又杨威:",address:"上海", wcnum:'456123sdda',circle:['/image/1.jpg','/image/2.jpg','/image/3.jpg']},{id:'R-1',img: '../../image/7.png',name: '赵6',age: 19,gender:'male',wechatname: "座又杨威:",address:"上海", wcnum:'456123sdda',circle:['/image/1.jpg','/image/2.jpg','/image/3.jpg']}]},{title: 'S',list: [{id:'S-0',img: '../../image/4.jpg',name: 'S-====-',age: 19,gender:'male',wechatname: "座又杨威:",address:"上海", wcnum:'456123sdda',circle:['/image/1.jpg','/image/2.jpg','/image/3.jpg']},{id:'S-1',img: '../../image/5.jpg',name: '王五',age: 19,gender:'male',wechatname: "座又杨威:",address:"上海", wcnum:'456123sdda',circle:['/image/1.jpg','/image/2.jpg','/image/3.jpg']},{id:'S-2',img: '../../image/5.png',name: '赵6',age: 19,gender:'male',wechatname: "座又杨威:",address:"上海", wcnum:'456123sdda',circle:['/image/1.jpg','/image/2.jpg','/image/3.jpg']}]},{title: 'T',list: [{id:'T-0',img: '../../image/3.jpg',name: '王五',age: 19,gender:'male',wechatname: "座又杨威:",address:"上海", wcnum:'456123sdda',circle:['/image/1.jpg','/image/2.jpg','/image/3.jpg']},{id:'T-1',img: '../../image/8.png',name: '赵6',age: 19,gender:'male',wechatname: "座又杨威:",address:"上海", wcnum:'456123sdda',circle:['/image/1.jpg','/image/2.jpg','/image/3.jpg']}]},{title: 'U',list: [{id:'U-0',img: '../../image/4.jpg',name: 'U-王五',age: 19,gender:'male',wechatname: "座又杨威:",address:"上海", wcnum:'456123sdda',circle:['/image/1.jpg','/image/2.jpg','/image/3.jpg']},{id:'U-1',img: '../../image/4.jpg',name: '王五',age: 19,gender:'male',wechatname: "座又杨威:",address:"上海", wcnum:'456123sdda',circle:['/image/1.jpg','/image/2.jpg','/image/3.jpg']},{id:'U-2',img: '../../image/7.png',name: '赵6',age: 19,gender:'male',wechatname: "座又杨威:",address:"上海", wcnum:'456123sdda',circle:['/image/1.jpg','/image/2.jpg','/image/3.jpg']}]},{title: 'V',list: [{id:'V-0',img: '../../image/5.jpg',name: '王五',age: 19,gender:'male',wechatname: "座又杨威:",address:"上海", wcnum:'456123sdda',circle:['/image/1.jpg','/image/2.jpg','/image/3.jpg']},{id:'V-1',img: '../../image/5.png',name: '赵6',age: 19,gender:'male',wechatname: "座又杨威:",address:"上海", wcnum:'456123sdda',circle:['/image/1.jpg','/image/2.jpg','/image/3.jpg']}]},{title: 'W',list: [{id:'W-0',img: '../../image/4.jpg',name: 'W-王五',age: 19,gender:'male',wechatname: "座又杨威:",address:"上海", wcnum:'456123sdda',circle:['/image/1.jpg','/image/2.jpg','/image/3.jpg']},{id:'W-1',img: '../../image/1.jpg',name: '张三',age: 19,gender:'male',wechatname: "座又杨威:",address:"上海", wcnum:'456123sdda',circle:['/image/1.jpg','/image/2.jpg','/image/3.jpg']},{id:'W-2',img: '../../image/10.png',name: '李四',age: 19,gender:'male',wechatname: "座又杨威:",address:"上海", wcnum:'456123sdda',circle:['/image/1.jpg','/image/2.jpg','/image/3.jpg']}]},{title: 'X',list: [{id:'X-0',img: '../../image/2.jpg',name: '王五',age: 19,gender:'male',wechatname: "座又杨威:",address:"上海", wcnum:'456123sdda',circle:['/image/1.jpg','/image/2.jpg','/image/3.jpg']},{id:'X-1',img: '../../image/9.png',name: '赵6',age: 19,gender:'male',wechatname: "座又杨威:",address:"上海", wcnum:'456123sdda',circle:['/image/1.jpg','/image/2.jpg','/image/3.jpg']}]},{title: 'Y',list: [{id:'Y-0',img: '../../image/4.jpg',name: 'Y-七七',age: 19,gender:'male',wechatname: "座又杨威:",address:"上海", wcnum:'456123sdda',circle:['/image/1.jpg','/image/2.jpg','/image/3.jpg']},{id:'Y-1',img: '../../image/3.jpg',name: '王五',age: 19,gender:'male',wechatname: "座又杨威:",address:"上海", wcnum:'456123sdda',circle:['/image/1.jpg','/image/2.jpg','/image/3.jpg']},{id:'Y-2',img: '../../image/8.png',name: '赵6',age: 19,gender:'male',wechatname: "座又杨威:",address:"上海", wcnum:'456123sdda',circle:['/image/1.jpg','/image/2.jpg','/image/3.jpg']}]},{title: 'Z',list: [{id:'Z-0',img: '../../image/4.jpg',name: '王五',age: 19,gender:'male',wechatname: "座又杨威:",address:"上海", wcnum:'456123sdda',circle:['/image/1.jpg','/image/2.jpg','/image/3.jpg']},{id:'Z-1',img: '../../image/7.png',name: '赵6',age: 19,gender:'male',wechatname: "座又杨威:",address:"上海", wcnum:'456123sdda',circle:['/image/1.jpg','/image/2.jpg','/image/3.jpg']}]},{title: 'qt',list: [{id:'qt-0',img: '../../image/1.jpg',name: '8066',age: 19,gender:'male',wechatname: "座又杨威:",address:"上海", wcnum:'456123sdda',circle:['/image/1.jpg','/image/2.jpg','/image/3.jpg']},{id:'qt-1',img: '../../image/2.jpg',name: '#()*',age: 19,gender:'male',wechatname: "座又杨威:",address:"上海", wcnum:'456123sdda',circle:['/image/1.jpg','/image/2.jpg','/image/3.jpg']},{id:'qt-2',img: '../../image/1.jpg',name: '3255',age: 19,gender:'male',wechatname: "座又杨威:",address:"上海", wcnum:'456123sdda',circle:['/image/1.jpg','/image/2.jpg','/image/3.jpg']},{id:'qt-3',img: '../../image/2.jpg',name: '(----)',age: 19,gender:'male',wechatname: "座又杨威:",address:"上海", wcnum:'456123sdda',circle:['/image/1.jpg','/image/2.jpg','/image/3.jpg']}]}],
})

微信小程序仿微信功能Day4相关推荐

微信小程序仿微信SlideView组件slide-view
微信小程序仿微信SlideView组件. 使用 1.安装 slide-view 从小程序基础库版本 2.2.1 或以上.及开发者工具 1.02.1808300 或以上开始,小程序支持使用 npm 安装 ...
Java微信运动步数排序设计_微信小程序仿微信运动步数排行(交互)
本文介绍了微信小程序仿微信运动步数排行(交互),分享给大家,也给自己留个笔记,废话不多说了,具体如下: 效果图如下: wxml: {{item.name}} {{item.steps}} wxss: ...
android微信运动页面开发,微信小程序仿微信运动步数排行(交互)
微信小程序仿微信运动步数排行(交互) 发布时间:2020-08-20 00:51:02 来源:脚本之家阅读:101 作者:祈澈姑娘本文介绍了微信小程序仿微信运动步数排行(交互),分享给大家,也给自 ...
微信小程序仿微信、支付宝数字密码软键盘wcKeyboard
微信小程序自定义数字键盘|仿微信支付数字密码键盘|仿支付宝数字键盘之前有开发过html5+js仿支付宝.微信支付自定义数字键盘,今天就在之前的插件基础上,重新开发出了小程序版本的仿微信.支付宝数字键 ...
微信小程序仿微信漂流瓶
看到微信里有个漂流瓶.试了一下. 这里是用leancloud做后台.涉及到语音和文字的储存,查询. 技术点: 1.微信小程序开发之录音机音频播放动画 (真机可用) 2.微信小程序开发之用户系统一 ...
微信小程序仿微信聊天
主要思想使用websocket,微信小程序有提供websocket的直接方法,所有问题的难点在于后端代码的编写. 效果示意图演示视频地址 https://www.bilibili.com/video ...
微信小程序仿微信功能Day3
仿微信通讯录功能实现右侧一个定位锚点跳转功能. 整体是列表的数据显示. 需要图片资源的请去网盘下载提取码:en17 1.phone.wxml <!-- pages/phone/phone.w ...
微信小程序仿微信聊天语音播放自定义控件
效果如↓↓↓ 假装有声音. 很郁闷,没有做到完全解耦,试了试音频播放组件<audio></audio>与API wx.createInnerAudioContex ...
记录下最近做的东西微信小程序仿微信朋友圈支持点赞取消点赞，评论回复评论删除评，删除朋友圈发布朋友圈查看@消息等功能
请添加图片描述 <movable-area class="w100_ h100_"><scroll-view scroll-y="true" ...

微信小程序仿微信功能Day4

点击列表进入用户个人信息

微信小程序仿微信功能Day4相关推荐

最新文章

热门文章