uni-app-vue3-ts-mall
所属分类:微信小程序
开发工具:SCSS
文件大小:0KB
下载次数:0
上传日期:2023-10-08 05:15:07
上 传 者:
sh-1993
说明: 微信小程序商城项目,
(WeChat applet mall project,)
文件列表:
.editorconfig (207, 2023-10-13)
.eslintrc.cjs (1081, 2023-10-13)
.prettierrc.json (113, 2023-10-13)
.vscode/ (0, 2023-10-13)
.vscode/settings.json (3748, 2023-10-13)
index.html (654, 2023-10-13)
package.json (3916, 2023-10-13)
pnpm-lock.yaml (290999, 2023-10-13)
src/ (0, 2023-10-13)
src/App.vue (711, 2023-10-13)
src/components/ (0, 2023-10-13)
src/components/XtxGuess.vue (1970, 2023-10-13)
src/components/XtxSwiper.vue (1078, 2023-10-13)
src/components/components.d.ts (334, 2023-10-13)
src/components/styles/ (0, 2023-10-13)
src/components/styles/XtxGuess.scss (1324, 2023-10-13)
src/components/styles/XtxSwiper.scss (554, 2023-10-13)
src/components/vk-data-goods-sku-popup/ (0, 2023-10-13)
src/components/vk-data-goods-sku-popup/vk-data-goods-sku-popup.d.ts (4304, 2023-10-13)
src/components/vk-data-goods-sku-popup/vk-data-goods-sku-popup.vue (35675, 2023-10-13)
src/components/vk-data-input-number-box/ (0, 2023-10-13)
src/components/vk-data-input-number-box/vk-data-input-number-box.d.ts (1596, 2023-10-13)
src/components/vk-data-input-number-box/vk-data-input-number-box.vue (13547, 2023-10-13)
src/composables/ (0, 2023-10-13)
src/composables/index.ts (425, 2023-10-13)
src/env.d.ts (276, 2023-10-13)
src/main.ts (199, 2023-10-13)
src/manifest.json (2468, 2023-10-13)
src/pages.json (4350, 2023-10-13)
src/pages/ (0, 2023-10-13)
src/pages/cart/ (0, 2023-10-13)
src/pages/cart/cart.vue (178, 2023-10-13)
src/pages/cart/cart2.vue (178, 2023-10-13)
src/pages/cart/components/ (0, 2023-10-13)
src/pages/cart/components/CartMain.vue (11237, 2023-10-13)
src/pages/category/ (0, 2023-10-13)
src/pages/category/category.vue (5341, 2023-10-13)
... ...
## 项目简介
小兔鲜儿项目包含从首页浏览商品,商品详情,微信登录,加入购物车,提交订单,微信支付,订单管理等功能。
当前仓库为小兔鲜儿的**项目模板**。
### 技术栈
- 前端框架:[uni-app](https://uniapp.dcloud.net.cn/) (Vue3 + TS + Setup)
- 状态管理:[pinia](https://pinia.vuejs.org/zh/)
- 组件库:[uni-ui](https://uniapp.dcloud.net.cn/component/uniui/uni-ui.html)
## 资料说明
### 视频学习
[https://www.bilibili.com/video/BV1Bp4y1379L/](https://www.bilibili.com/video/BV1Bp4y1379L/?share_source=copy_web&vd_source=2ac50d29193927b3c8597537dc4bc81d)
### 接口文档
[https://www.apifox.cn/apidoc/shared-0e6ee326-d646-41bd-9214-29dbf47648fa/](https://www.apifox.cn/apidoc/shared-0e6ee326-d646-41bd-9214-29dbf47648fa/)
### 在线笔记
[https://megasu.gitee.io/uni-app-shop-note/](https://megasu.gitee.io/uni-app-shop-note/)
## 运行程序
1. 安装依赖
```shell
# npm
npm i --registry=https://registry.npmmirror.com
# pnpm
pnpm i --registry=https://registry.npmmirror.com
```
2. 运行程序
```shell
# 微信小程序端
npm run dev:mp-weixin
# H5端
npm run dev:h5
# App端
需 HbuilderX 工具,运行 - 运行到手机或模拟器
```
3. 微信开发者工具导入 `/dist/dev/mp-weixin` 目录
### 工程结构解析
```
├── .husky # Git Hooks
├── .vscode # VS Code 插件 + 设置
├── dist # 打包文件夹(可删除重新打包)
├── src # 源代码
│ ├── components # 全局组件
│ ├── composables # 组合式函数
│ ├── pages # 主包页面
│ ├── index # 首页
│ ├── category # 分类页
│ ├── cart # 购物车
│ ├── my # 我的
│ └── login # 登录页
│ ├── services # 所有请求
│ ├── static # 存放应用引用的本地静态资源的目录
│ ├── images # 普通图片
│ └── tabs # tabBar 图片
│ ├── stores # 全局 pinia store
│ ├── modules # 模块
│ └── index.ts # store 入口
│ ├── styles # 全局样式
│ └── fonts.scss # 字体图标
│ ├── types # 类型声明文件
│ └── component.d.ts # 全局组件类型声明
│ ├── utils # 全局方法
│ ├── App.vue # 入口页面
│ ├── main.ts # Vue初始化入口文件
│ ├── pages.json # 配置页面路由等页面类信息
│ ├── manifest.json # 配置appid等打包信息
│ └── uni.scss # uni-app 内置的常用样式变量
├── .editorconfig # editorconfig 配置
├── .eslintrc.cjs # eslint 配置
├── .prettierrc.json # prettier 配置
├── .gitignore # git 忽略文件
├── index.html # H5 端首页
├── package.json # package.json 依赖
├── tsconfig.json # typescript 配置
└── vite.config.ts # vite 配置
```
近期下载者:
相关文件:
收藏者: