码迷,mamicode.com
首页 > 其他好文 > 详细

集客魔方H5项目目录结构

时间:2020-02-03 22:33:57      阅读:121      评论:0      收藏:0      [点我收藏+]

标签:api   图标   ticket   text   ons   仓库管理   相关配置   unp   静态   

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  -- 我的卡包(代金券列表)

 

集客魔方H5项目目录结构

标签:api   图标   ticket   text   ons   仓库管理   相关配置   unp   静态   

原文地址:https://www.cnblogs.com/Leesttee/p/12257609.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!