znyx-h5
│ .gitignore -- git 忽略文件配置
│ App.vue
│ main.js -- 已挂载 store 在页面中可直接使用 this.$store
│ manifest.json -- 项目发布相关配置文件
│ pages.json -- 页面配置文件
│ uni.scss -- uni-app 内置样式变量配置文件
│
├─api -- 网络请求全部放这里管理 没有对应的模块可执行添加 添加完后需要导入 index.js
│ index.js -- 统一导入到此文件
│ prom.js -- 活动相关接口
│ strategy.js -- 攻略数据相关接口
│ user.js -- 用户相关接口
│
├─common -- 第三方工具 、自行封装的工具放这里管理
│ amap-wx.js -- 高德地图
│ html-parser.js -- html转换rich-text数组
│ http.js -- 网络请求封装
│ qrcode.js -- 前端生成普通二维码
│ util.js -- 自行封装的工具
│
├─components -- 第三方组件、自行封装的组件放这里管理
│ banner.vue -- banner组件
│ consultation.vue -- 在线咨询浮动按钮组件
│ segment.vue -- 项目核心组件
│
├─config -- 配置文件管理
│ appsetting.js -- 第三方key 、常用配置
│
├─pages -- 这个目录只放项目首页
│ └─index
│ index.vue
│
├─static -- 静态文件管理 图标统一放入icon文件夹 其他页面相关的可自行创建
│ │ logo.png
│ │
│ ├─icon -- 图标相关图片放此处管理
│ │ dianh.png
│ │ dianp.png
│ │ fenx.png
│ │ home.png
│ │ icon-close.png
│ │ location.png
│ │ msg.png
│ │ view.png
│ │
│ ├─lottery -- 抽奖相关
│ │ prize-bg.png
│ │ tip.png
│ │ y_bg.png
│ │
│ └─mine -- 个人中心相关
│ voucher1.png
│ voucher2.png
│
├─store -- vue store仓库管理 模块化 需要自行创建
│ │ getters.js
│ │ index.js
│ │
│ └─modules
│ jscode.js
│ user.js
│
├─style -- 样式文件管理 后缀统一 wxss
│ lottery.wxss -- 抽奖相关
│ promotion.wxss -- 活动相关
│ redpack.wxss -- 红包相关
│ segment.wxss -- 核心组件相关
│ union.wxss -- 活动相关
│
├─unpackage -- 项目发布文件管理 不要在这里边创建任何文件
└─view -- 页面文件管理 创建文件需要与小程序路径一致
├─component -- 主包管理
│ ├─mine -- 个人中心
│ │ mine.vue
│ │
│ └─promotion -- 活动
│ union.vue
│
└─packageSub -- 分包管理
└─ticket -- 代金券
list.vue -- 我的卡包(代金券列表)
原文:https://www.cnblogs.com/Leesttee/p/12257609.html