米签---个人中心页面功能（uniapp)

在onLoad生命周期接受传参，未登录的话在获取信息失败（401）方法里通过uni.redirectTo()重定向至登录页

 onLoad(options) {if (options.auth) {this.auth = options.authconsole.log(this.auth)}this.getUserCenter()}

个人用户
显示头像用户名信息，如果已经实名，显示手机号未实名显示绑定手机号，点击绑定手机号，去绑定。(code为小程序专有，用户登录凭证）代码如下：

<button class="gr-but" open-type="getPhoneNumber" @getphonenumber="getPhone"><!-- <text class="hpPhone"> -->绑定手机号码<!-- </text> --></button>`

getPhone(res) {console.log('授权手机号', res)console.log(res.target.iv)console.log(res.target.encryptedData)const iv = res.target.ivconst encryptedData = res.target.encryptedData// 获取微信codeuni.login({success: (res) => {if (res.code) {console.log('获取微信code', res.code)const code = res.codeapiGetWechatMobie({code: code,encryptedData: encryptedData,iv: iv}).then(res => {//判断是否等录如果已登陆，进入indexconsole.log('获取微信手机号', res)if (res[1].data.code === 200) {this.mobile = res[1].data.data}else {uni.showModal({content: res[1].errMsg})}console.log('手机号', this.mobile)})}}})}

企业用户
显示企业头像/名字/手机号/是授权签署人还是法人等信息。
套餐剩余/购买总数/使用总数
个人中心列表

显示关联企业信息，关联几家企业，点击判断是否实名认证，是则跳转至关联企业页面（/pages/association/association)
帮助中心，点击前往帮助中心
联系客服，代码如下

<button class="list-lxkf" open-type="contact" hover-stop-propagation='true'><view class="list-glqy-img"><image src="../../static/icon_grzxlb_lxkf@2x.png"></image></view><view class="list-glqy-qy">{{userList[5].name}}</view><view class="list-glqy-jt"><image src="../../static/jiantou-2@2x.png"></image></view></button>

企业中心列表

合同模板，点击跳转至合同模板页面（/pages/contTemplate/contTemplate)
企业授权，携带role参数前往授权页（/pages/author/author?role=）
帮助中心，点击前往帮助中心
联系客服，代码如下

退出登录
uni.removeStorageSync()删除本地token,重定向到登录页

米签---个人中心页面功能（uniapp)相关推荐

后台管理系统2——登录、退出、注册功能、个人中心页面
登录功能的实现 1.登录功能 1.1 页面内容的修改 1.2 路由的实现 1.3 登录页面的设计 1.4 登录逻辑实现 1.5 后台的实现 1.6 登录功能的修改 2 退出系统 3 注册功能 3.1 ...
【uni-app】uni-app实现聊天页面功能——功能篇（下）
目录前言一.聊天框随键盘抬起思路代码实现二.聊天消息列表随着聊天框的增高而滚动到最底部思路三.问题完整代码实现总结前言前面我有写关于如何进行聊天页面布局和实现聊天消息滚动到最底部 ...
uni-app/Vue实现购物车页面功能的业务逻辑
uni-app/Vue实现购物车页面功能的业务逻辑用户在商品列表页或者商品详情页进行添加到购物车操作.把此商品需要在购物车渲染的数据整理好一个对象,转存到Vuex中在购物车页面渲染列表数据购物 ...
【愚公系列】2022年11月 uniapp专题-优购电商-个人中心页面
文章目录前言一.个人中心页面前言个人中心的信息复杂度与产品本身有关.体系越庞大的产品,对应个人中心页面需要承载的内容越多,结构势必复杂. 一般平台型电商的个人中心页面必须涵盖:用户基础信息.全 ...
微信小程序个人中心页面开发
目录微信小程序创建项目配置底部导航栏微信小程序滚动播放内容微信小程序功能中心模块开发微信小程序个人中心页面开发微信小程序获取电话号码微信小程序显示列表数据微信小程序显示分页列表微信小程 ...
Day215.课程详细页面功能完善、Echarts统计分析模块[生成统计数据+生成图表]前后端整合 -谷粒学院
谷粒学院课程详细页面功能完善一.修改课程详细接口 1.在service_order模块添加接口用于判断订单中status值是否为1,为1则为已支付 @RestController @CrossO ...
仿京东或淘宝的订单中心页面
因为最近有用到类似京东订单中心的功能,遂决定写篇博客做个Demo,如有问题可留言探讨. 先上效果图: 评价和删除订单功能都做了简单的实现. 开发这个功能主要用到了安卓中的ExpandlistView. ...
呼叫中心坐席功能在职场中的应用
呼叫中心系统有很多功能,其中呼叫中心坐席功能是专门为坐席人员打造的,能够极大提高坐席工作效率,也便于对坐席员工统一管理,下面我们就来了解下,呼叫中心坐席在系统中有哪些功能? 1.来电接听与外呼:这是最 ...
如何用html5做个人中心,个人中心页面从思考到设计全过程
原标题:个人中心页面从思考到设计全过程最近刚做完一个项目,我发现我的设计效率相比之前竟然提升了30%以上,在以前做界面时总是会纠结采用什么样式,什么布局.而现在在看了原型之后就大概知道我要怎么做了, ...

米签---个人中心页面功能（uniapp)

米签---个人中心页面功能（uniapp)相关推荐

最新文章

热门文章