uniapp商城之用户模块【会员中心】

server/2025/2/7 17:08:37/

文章目录

  • 前言
  • 一、会员信息展示
    • 1.静态结构
    • 2.自定义导航
    • 3.渲染会员信息
  • 二、猜你喜欢分页加载
    • 1. 获取组件实例
    • 2.滚动触底事件
    • 3.加载分页数据
    • 4.封装组合式函数
  • 三、设置页的分包和预下载
    • 1. 新建分包页面
    • 2. 配置分包预下载
  • 四、退出登录
  • 总结


前言

在用户登录/注册成功后,展示会员信息,更新会员信息。
主要实现的业务:
1.渲染当前登录会员的昵称和头像,从Store中获取。
2.猜你喜欢分页加载,可封装成组合式函数实现复用逻辑。

一、会员信息展示

在这里插入图片描述

1.静态结构

用户页面主要有三部分,个人资料展示,我的订单显示,猜你喜欢。其中,个人资料展示包含已登录个人资料和未登录个人资料两种情况。
在这里插入图片描述

2.自定义导航

去掉默认导航,自定义导航文本颜色
在这里插入图片描述

3.渲染会员信息

在这里插入图片描述

二、猜你喜欢分页加载

用户页面的猜你喜欢页面可以直接使用首页的猜你喜欢页面


http://www.ppmy.cn/server/165715.html

相关文章

ASP.NET Core中Filter与Middleware的区别

中间件是ASP.NET Core这个基础提供的功能,而Filter是ASP.NET Core MVC中提供的功能。ASP.NET Core MVC是由MVC中间件提供的框架,而Filter属于MVC中间件提供的功能。 区别 中间件可以处理所有的请求,而Filter只能处理对控制器的请求&#x…

项目实操:windows批处理拉取git库和处理目录、文件

初级代码游戏的专栏介绍与文章目录-CSDN博客 我的github:codetoys,所有代码都将会位于ctfc库中。已经放入库中我会指出在库中的位置。 这些代码大部分以Linux为目标但部分代码是纯C的,可以在任何平台上使用。 源码指引:github源…

【含文档+PPT+源码】基于微信小程序农家乐美食餐厅预约推广系统

项目介绍 本课程演示的是一款基于微信小程序农家乐美食餐厅预约推广系统,主要针对计算机相关专业的正在做毕设的学生与需要项目实战练习的 Java 学习者。 1.包含:项目源码、项目文档、数据库脚本、软件工具等所有资料 2.带你从零开始部署运行本套系统 …

【玩转 Postman 接口测试与开发2_017】第13章:在 Postman 中实现契约测试(Contract Testing)与 API 接口验证(下)

《API Testing and Development with Postman》最新第二版封面 文章目录 第十三章 契约测试与 API 接口验证8 导入官方契约测试集合9 契约测试集合的详细配置9.1 env-apiKey 的创建与设置9.2 env-workspaceId 的设置9.3 Mock 服务器及 env-server 的配置9.4 API 测试实例的配置…

【EdgeAI实战】(2)STM32 AI 扩展包的安装与使用

【EdgeAI实战】(1)STM32 边缘 AI 生态系统 【EdgeAI实战】(2)STM32 AI 扩展包的安装与使用 【EdgeAI实战】(2)STM32 AI 扩展包的安装与使用 1. STM32Cube.AI 简介1.1 STM32Cube.AI 简介1.2 X-CUBE-AI 内核引…

spark 性能调优 (一):执行计划

在 Spark 中,explain 函数用于提供数据框(DataFrame)或 SQL 查询的逻辑计划和物理执行计划的详细解释。它可以帮助开发者理解 Spark 是如何执行查询的,包括优化过程、转换步骤以及它将采用的物理执行策略。 1. 逻辑计划 (Logical…

微信小程序获取openid和其他接口同时并发请求如何保证先获取到openid

在微信小程序中,如果你需要并发请求获取 openid 和其他接口的数据,并且希望确保先获取到 openid 之后再进行后续操作,可以考虑以下几种方法: 方法一:使用 Promise 链 1, 先请求 openid:使用 Promise 来请求 openid。 2, 在获取到 openid 后再请求其他接口。 function g…

WSL2中安装的ubuntu搭建tftp服务器uboot通过tftp下载

Windows中安装wsl2,wsl2里安装ubuntu。 1. Wsl启动后 1)Windows下ip ipconfig 以太网适配器 vEthernet (WSL (Hyper-V firewall)): 连接特定的 DNS 后缀 . . . . . . . : IPv4 地址 . . . . . . . . . . . . : 172.19.32.1 子网掩码 . . . . . . . .…