微信小程序开发之——个人中心-介绍(1)

一 概述

• 个人中心展示图
• 个人中心各个页面展示及功能介绍

二 个人中心页面介绍

2.1 展示

2.2 页面构成

2.2.1 首页

说明：

• 首页包含：昵称，星座，兴趣，QQ，电话
• 点击头像：跳转个人中心
• 点击个人中心：跳转个人中心

2.2.2 个人中心

说明：

• 头像、待付款、已退款、全部订单，不可点击
• 个人资料：跳转到个人资料页面
• 订单物流查询：跳转物流查询页面
• 选择收货地址：跳转收货地址页面
• 客服联系方式：拨打电话

个人资料详情

说明：

• 点击用户头像：可从相册或拍照设置头像
• 点击修改资料，修改用户昵称和性别

修改用户资料界面

订单物流查询(使用node服务器提供就接口查询)

查询前

点击查询后

收货地址(微信提供的默认查询用户信息)

未设置用户信息前

点击收货地址(调用wx.chooseAddress获取默认地址)

确定后，将用户信息填写到页面上

客服联系方式

说明：

• 点击客服联系方式后弹出拨打电话框
• 模拟器中点击确定消失
• 手机中号码显示在拨打页面，可呼出

三 源码

• 源码