当前位置： 首页 > article >正文

uniapp商城之商品分类

article 2025/1/27 4:04:17

文章目录

  • 前言
  • 一、新建分类组件
    • 1.轮播图效果
  • 二、一级分类与Tab交互
    • 1.封装API接口
    • 2.初始化调用
    • 3.定义类型
    • 4.渲染一级分类
    • 5.Tab交互
  • 三、二级分类与商品渲染
    • 1.提取当前二级分类数据
    • 2.渲染二级分类
    • 2.渲染商品
  • 四、骨架屏
    • 1.微信开发者工具
    • 2.生成骨架屏
    • 3.调整为vue组件
  • 方便开发的操作

前言

效果图如下：
在这里插入图片描述

一、新建分类组件

在pages里新建文件夹category——> category.vue，在pages.json配置路由，如下
在这里插入图片描述
在这里插入图片描述

1.轮播图效果

轮播图组件：因轮播图用于多处(首页和分类页),需要封装成通用组件，故放于公共页面components——> XtxSwiper.vue
自动导入全局组件：将公用的Xtx开头组件配置自动导入，在pages.json
在这里插入图片描述
全局组件类型声明
在这里插入图片描述
接口请求封装


http://www.kler.cn/a/517761.html

相关文章：

  • MiniMax-01中Lightning Attention的由来（线性注意力进化史）
  • 82，【6】BUUCTF WEB .[CISCN2019 华东南赛区]Double Secret
  • Android中Service在新进程中的启动流程
  • 活动回顾和预告｜微软开发者社区 Code Without Barriers 上海站首场活动成功举办！
  • 【开源免费】基于Vue和SpringBoot的景区民宿预约系统（附论文）
  • PyQt6医疗多模态大语言模型（MLLM）实用系统框架构建初探（下.代码部分）
  • 【C++高并发服务器WebServer】-3：进程控制（退出进程、孤儿进程、僵尸进程、进程回收）
  • 大模型GUI系列论文阅读 DAY3续4：《TREE SEARCH FOR LANGUAGE MODEL AGENTS》
  • 【机器学习】自定义数据集使用框架的线性回归方法对其进行拟合
  • Linux挂载samba共享文件夹
  • RubyFPV开源代码之系统简介
  • 【加密算法】简单区分HS、RSA、ES 和 ED，与对应go实现案例
  • C# OpenCV机器视觉:实现农作物病害检测
  • 【转帖】eclipse-24-09版本后，怎么还原原来版本的搜索功能
  • vulshare/nginx-php-flag命令执行漏洞
  • 8、提升用户体验的技巧
  • STM32新建不同工程的方式
  • 如何运用python爬虫获取大型资讯类网站文章，并同时导出pdf或word格式文本？
  • 【图文详解】lnmp架构搭建Discuz论坛
  • 纯css实现div宽度可调整
  • 为什么 TCP 挥手需要有 TIME_WAIT 状态？
  • 论文阅读的附录（七）：Understanding Diffusion Models: A Unified Perspective（二）：公式46的推导
  • 计算机图形学：实验三 光照与阴影
  • IBM 后端开发（二）
  • 【Project】CupFox电影网站数据爬取分析与可视化
  • 三代PacBio HiFi SV检测工具的安装