微信小程序仿微信功能Day4

最新推荐文章于 2023-03-03 23:37:49 发布
最新推荐文章于 2023-03-03 23:37:49 发布
阅读量383 收藏
点赞数
分类专栏： 项目实例 微信小程序 文章标签： html javascript css3
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xiaobaibaiyo/article/details/108847494
版权

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

如图所示：
在这里插入图片描述
当点击了列表信息时候。跳转到用户个人信息的页面，并从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 发送给后台解码出 unionId
              this.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'
          ]
        }
      ]
    }
  ],
})
别等风
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
微信小程序学习day1-30源码
04-23
适用人群：本源码是学习微信小程序day1-30的源码，需要具备一定前端编程基础。以及想要复习或者自学微信小程序的小伙伴。开启新的征程，记录最美好的时刻，每天进步一点点。 能学到什么：1、微信小程序基础知识；2、...
微信小程序时间选择插件使用详解
12-29
微信小程序时间选择插件-弹出选择，供大家参考，具体内容如下 wxml 确定> <view xss=removed>{{year}}-{{month}}-{{day}} {{hour}}:{{minute}} <view style=
基于微信小程序开发的仿微信demo(源代码+截图)
06-19
基于微信小程序开发的仿微信demo(源代码+截图)基于微信小程序开发的仿微信demo(源代码+截图)基于微信小程序开发的仿微信demo(源代码+截图)基于微信小程序开发的仿微信demo(源代码+截图)基于微信小程序开发的仿微信demo(源代码+截图)基于微信小程序开发的仿微信demo(源代码+截图)基于微信小程序开发的仿微信demo(源代码+截图)基于微信小程序开发的仿微信demo(源代码+截图)基于微信小程序开发的仿微信demo(源代码+截图)基于微信小程序开发的仿微信demo(源代码+截图)基于微信小程序开发的仿微信demo(源代码+截图)基于微信小程序开发的仿微信demo(源代码+截图)基于微信小程序开发的仿微信demo(源代码+截图)基于微信小程序开发的仿微信demo(源代码+截图)基于微信小程序开发的仿微信demo(源代码+截图)基于微信小程序开发的仿微信demo(源代码+截图)基于微信小程序开发的仿微信demo(源代码+截图)基于微信小程序开发的仿微信demo(源代码+截图)基于微信小程序开发的仿微信demo(源代码+截图)基于微信小程序开发的仿微信demo(源代码+截图)
小程序--模拟@人的功能
Jester的博客
10-24 1199
小程序需求：可以像微信群聊一样@某个人或多个人 功能：输入框输入@符号（index.wxml），跳转至可以@人的页面（select.wxml） 实现思路： 1、监听input的输入，判断是否有@符号输入 2、拿到选中人的名称 3、设置input的光标位置 代码： index.wxml <input placeholder='请输入文字' placeholder-class=...
微信小程序京东商城
热门推荐
style201904的博客
09-23 1万+
app.json { "pages": [ "pages/index/index", "pages/shopping/shopping", "pages/my/my" ], "window": { "backgroundTextStyle": "light", "navigationBarBackgroundColor": "#f230...
仿微信@功能
足各路
05-25 2075
基于vue2.x + vant2.x 实现的@功能(稍作修改即可支持原生js和react)，兼容pc和手机端，如有bug，欢迎提出~
【微信小程序】无法解析京东商城商品详情富文本数据
技术大咖 Rohlin的博客
10-09 3113
小程序的rich-text富文本标签不支持link标签，这就导致我们从京东商城拿到的商品详情富文本无法解析。 rich-text组件用法 小程序商城对接京东商城商品，拿到的京东商品详情的富文本数据格式如下： 我们可以看到，拿到的商品详情并不是我们所想的img标签 而是通过link标签再次去请求css样式，可以看出上面有多个div，这也就是说明了图片是通过div当成背景图渲染...
第一个安卓应用小程序--浅浅仿照微信发现界面
Gallionn的博客
08-23 1063
模仿微信“发现”页创建列表布局，学习使用Textview imageview、LinearLayout
微信小程序-外卖小程序Demo源码
05-14
微信小程序-外卖小程序Demo源码，含有类似锚点功能
微信小程序day03资料.zip
最新发布
12-21
我们还将学习如何使用流行的前端框架和工具，如React、Vue.js和Webpack等，来构建功能强大、响应迅速的现代化网页应用。 这个视频系列旨在帮助你掌握前端开发所需的技能，并能够在实际项目中应用所学的知识。每个...
微信小程序Demo： 商城（仿京东商城）
08-16
微信小程序Demo： 商城（仿京东商城）
微信小程序源码-仿京东商城
05-28
微信小程序源码-仿京东商城，下载后可以直接使用也可以修改后使用
微信小程序实现日历小功能
01-22
本文实例为大家分享了微信小程序实现日历功能的具体代码，供大家参考，具体内容如下 代码 <!-- 日历 --> <view class=item-content bindtap=doDay data-key='left'> <view class=glyphicon gl
微信小程序：完成“微信”中“发现”“服务”的页面
m0_62759554的博客
03-03 2276
列表布局小程序：完成“微信”中“发现”的页面 九宫格布局小程序：完成“微信”中“我”的“服务”页面。
模仿微信页创建列表布局
weixin_51178398的博客
08-22 704
模仿微信页创建列表布局
样式集（七）仿微信发现页样式
a_靖的博客
08-11 2766
效果图： <!--pages/find/find.wxml--> <include src="/components/common/common" /> <view class="item" catchtap="nav1"> <image class="icon" mode="widthFix" src="/images/icon_5.png"></image> <view class="txt">工厂圈</vie
移动软件开发五——仿微信发现界面
Karthus77的博客
08-23 1313
移动软件开发五
【Web_自动化测试_Python3_webdriver_etree_批量下载京东图片】通过地址抓取静态网页+解析标题和链接+通过链接批量下载图片
哥老倌的博客
09-29 669
【代码】【Web_自动化测试_Python3_webdriver_etree_批量下载京东图片】通过地址抓取静态网页+解析标题和链接+通过链接批量下载图片。
微信小程序黑马—day5
05-05
Day5 的主要学习内容是小程序的组件化编程，包括自定义组件和基础组件的使用。 自定义组件是指开发者可以根据自己的业务需求，自定义一些组件，使得小程序更加符合自己的需求。开发者可以通过 WXML、WXSS 和 JS ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值