摘要：
准备工作 准备组件，只有首页使用 导入并使用组件（手动） 设置首页底色为 #F7F7F7 静态结构 前台类目布局为独立的组件 CategoryPanel属于首页的业务组件，存放到首页的 components 目录中。 <script setup lang="ts"> // </script> <te 阅读全文
摘要：
1.封装获取轮播图数据API 2.页面初始化调用API 下面根据接口文档写代码 1.定义轮播图数据类型 2.指定类型并传值给子组件 3.渲染轮播图数据 根据接口文档 类型声明： 存放路径：`src/types/home.d.ts` ```ts/** 首页-广告区域数据类型 */export type 阅读全文
摘要：
轮播图指示点随着图片滑动高亮 先来观察默认的知识点，和高亮有关的地方 操作如下 验证一下是否成功 下面我们想只打印图片的下标 成功后如图所示 实验都没问题了我们就要把修改高亮的值变成可动的 阅读全文
摘要：
首页--通用轮播组件 轮播图组件需要在首页和分类页使用，需要封装成通用组件。 1.准备组件 2.自动导入组件 3.添加组件类型声明 静态结构：src/components/XtxSwiper.vue <script setup lang="ts"> import { ref } from 'vue' 阅读全文
摘要：
我们不同手机的导航栏不一样，这是为了确保我们每个手机都能看到我们导航栏的全部信息 不会被遮挡，给不同机型进行样式适配 准备组件静态结构 修改页面配置，隐藏默认导航栏，修改文字颜色 样式适配 -> 安全区域 <script setup lang="ts"> // </script> <template 阅读全文
摘要：
借鉴aioxs 请求函数 -》返回promise对象 请求分为：成功 失败 进行完一系列操作后在微信开发者平台测试的时候，如果有数据更新一定要重新编译刷新一下，代码： /* 请求函数 @param UniApp.Requestoptions @returns Promise 1.返回Promise对 阅读全文
摘要：
拦截器：request请求，uploadFile上传文件 基础地址-》超时时间-》添加请求头标识-》添加token 接口文档： https://apifox.com/apidoc/shared-0e6ee326-d646-41bd-9214-29dbf47648fa/ 新建一个ts文件 下面就要完成 阅读全文
摘要：
首先我们得下载git,我这里下载的很慢应该是正常的吧 https://git-scm.com/,进入官网首页 https://blog.csdn.net/orange228/article/details/79365795这个是下载安装的教程 https://blog.csdn.net/czjl68 阅读全文
摘要：
状态管理持久化 //网页端API localStorage.setItem() localStorage.getItem() //小程序端的API wx.setStorageSync() wx.getStorageSync() //兼容多端API uni.setStorageSync() uni.g 阅读全文
摘要：
构建页面 1.按照uni-ni 2.组件自动引入 3.配置ts类型 npm i @dcloudio/uni-ui 或 yarn add @dcloudio/uni-ui我们本项目用的是 pnpm i @dcloudio/uni-ui这个时候我们发现报错 我们只需要在根目录下创建 vue.config 阅读全文