个人中心主要分为四部分,第一部分头图,第二部分个人钱包,第三部分我的订单,第四部分我的服务。 第一部分页面代码 <view class="content-item"> <image src="/static/my-banner.jpg" style="width: 100%;"></image> <view class="user-info"> <view> <image src="/static/person.png" style="height...
18 个人中心页面开发(定制uni-list-item,浅谈vue的provide和inject) 纵览效果图: 一 定制uniapp的列表组件, 1 定制有名插槽方便自己使用自己的图标。 2 去掉列表自带的上边线。 。。。 <view v-else-if="showExtraIcon"class="uni-list-item__icon"><slotname="myicon"><uni-icons:color="extraIcon.color...
一、个人中心页面 前言 个人中心的信息复杂度与产品本身有关。体系越庞大的产品,对应个人中心页面需要承载的内容越多,结构势必复杂。 一般平台型电商的个人中心页面必须涵盖:用户基础信息、全局性操作(设置)、关键数据记录、购买激励(会员、红包)、核心业务(订单信息)、工具集合(工具箱)等。 一、个人中心页面 代码语言...
采用了统一的语法和组件规范,可以大大简化跨平台开发的工作,提高开发效率。 二. 个人中心页面的功能需求: 用户登录和注册:实现用户登录和注册功能,包括表单验证、密码加密、用户信息存储等。 用户信息展示:展示用户的基本信息,例如头像、昵称、个人简介等。 修改用户信息:提供一种方式让用户修改个人信息,如修改头像、昵...
(5)个人中心 个人中心比较简单,点击退出回到登陆页面,账号就是登陆账号,从本地缓存中读取 主要代码如下: 1<viewclass="u-flex user-box u-p-t-30 u-p-l-30 u-p-r-20 u-p-b-30">2<viewclass="u-m-r-10">34</view>5<viewclass="u-flex-1">6<viewclass="u-font-18 u-p-b-20">账号...
被选中的时候的图标},{"pagePath":"pages/index/work","text":"","iconPath":"static/icons/数据中心.svg","selectedIconPath":"static/icons/数据中心select.svg"},{"pagePath":"pages/index/home","text":"","iconPath":"static/icons/个人中心.svg","selectedIconPath":"static/icons/个人中心select....
页面–我的 src\pages\my\my.vue <!-- 个人资料 --> <view class="profile" :style="{ paddingTop: safeAreaInsets!.top + 'px' }"> <!-- 情况1:已登录 --> <view class="overview" v-if="memberStore.profile"> <navigator url="/pagesMember/profile/profile" hover-class="none"> ...
3.3 资源页面 该页面主要用于分享各类资源,资源通过分类区别开来,头部是轮播图,本页面所有内容都可以通过后台配置,页面如下: 3.4 个人中心 在个人中心可以查看个人的相关信息,以及进行相应的设置,进行签到等等,还可以查看与自己相关的评论和点赞等,页面如下: 3.5 网站列表详情 通过首页网站列表可以进入列表详情,页面如下...
个人中心页:显示个人的任务统计信息,如已完成任务数、逾期任务数等。可以查看自己创建和负责的任务列表。四、开发流程 需求分析:与相关人员沟通,明确任务系统的具体需求和功能。技术选型:根据需求和团队技术栈,选择合适的Uniapp框架版本、后端技术和数据库。架构设计:设计系统的整体架构,包括前端页面结构、后端服务...
oauth2在qq登陆中,是通过location.href的方式去qq的授权页面https://graph.qq.com/oauth2.0 用户在该页面点击头像确认后,需要做两件事情: 1:回到我站的某个页面(首页| 个人中心) 2:传getUserInfo的请求参数给我 第一件事, 虽看不到qq的代码,但我们可以自圆其说, 假想qq也使用了location.href='www.mysite...