JP-ChargeTeam51

智能充电系统

先运行yarn 初始化

发行方式， uniapp 点击”发行“ -”自定义发行“ prod 正式环境| test 测试环境

运行方式 uniapp正常运行方式

运行与安装

建议使用uniapp的官方推荐开发工具HBuilder最新版本

目录结构

www  WEB部署目录（或者子目录）
├─apis             接口目录
├─components       组件目录
├─config           配置目录
├─pages            页面目录
├─static           静态文件目录
├─utils            工具模块目录
├─App.vue          主入口组件
├─main.js          主入口模块
├─mainifest.json   项目配置
├─pages.json       页面及其他公共配置
├─uni.scss         控制应用的风格样式文件
├─vue.config.js    vue配置，多不可用，具体参见文档https://uniapp.dcloud.io/collocation/vue-config

编码风格

• 文件命名建议使用驼峰命名,其中首字母小写，名字要语义清晰
• data内参数或者函数参数使用驼峰命名，关键参数或者有歧义的参数应该有参考备注
• 页面的命名使用驼峰命名，而组件的命名则使用中划线命名，将两者能够更好的分别
• 在页面内定义函数和参数需要有备注，定义此方法的含义及其使用， 生命周期函数推荐使用uni-app的内置自带函数，不推荐使用vue的生命函数
• 在页面中使用this 推荐在全局置顶设置_this 这样会保持风格统一 且节省代码
• 在页面头部起一行注释，表明这个页面是什么页面
• 以前的html标签改了很多，请参照官方文档使用 div 改成 view span、font 改成 text a 改成 navigator img 改成 image input 还在，但type属性改成了confirmtype form、button、checkbox、radio、label、textarea、canvas、video 这些还在。 select 改成 picker iframe 改成 web-view ul、li没有了，都用view替代

##插件引用 #控制台 yarn add vconsole ###uniapp 路由站 npm install uni-simple-router uni-read-pages(取消使用， 存在h5 刷新白屏问题） //双路由 uni-crazy-router 直接链接访问， 无法触发前置占点 uni-crazy-router bobo-router

vue-router-uni mac80端口问题无法使用 sudo pfctl -ef /etc/pf-tomcat.conf

redirectTo

u-loadmore//加载更多

在线示例 uview

uni.showLoading({
                    title: '加载中'
                });

[](https://modao.cc/app/0kjHsmXrbe0m6JMcoiOxW)

【腾讯文档】自营站充电服务费6折卡购买协议--100 https://docs.qq.com/doc/DT0Z6Rm54R2ZodkxM 【腾讯文档】常见问题 https://docs.qq.com/doc/DT0pQT1BsWkhtcElM--100

原型更新： 新增6折卡活动相关详情页、订单相关流程页面；---!!

列表筛选弹窗文字描述调整、增加“自营站”筛选项。---100%

【充电中】页面增加“常见问题”板块，后台增加常见问题解答功能的配置管理；--- 100%

【联系客服】页面改版；--100% 【我的】页面增加卡包入口；--100% 增加【我的卡包】列表页、详情页；--100% 首页、站点列表、详情页，增加“自营站”标签，--100

原型更新： 【首页】增加6折卡banner、瓷片区左1入口修改为6折卡活动；--90 ！！！【配置】活动管理新增 ，首页banner 新增 2个

【站点详情】原服务费包月会员入口改为6折卡活动入口；--100

【充电枪详情】页面增加6折卡banner；--100

【充电】页面增加6折卡banner，会员活动描述文字修改为6折卡活动引流文案；--80 ！！！需要判断是否是自营站

【充电中】页面“充电小贴士”模块，原服务费包月会员引流方案修改为6折卡活动引流方案。 原型更新： 6折卡【商品详情】“站点价格对比”板块内容有变更；

【充电中】“充电小贴士”板块，针对6折卡活动引流文案有变更。---舒展 ！！！ 【测试】充电结束前购买， 也可-

充电中页面原型优化： 1.“价格信息”后的时间段，如果是当前时段，则额外显示“当前时段”字样；--100 2.“会员价”改为“充电价格”，游客模式也修改成该字样；--100 3.增加“原价”和“服务费原价”数据显示。---100 4.“服务费包月会员”改为“折扣卡会员价”---100

原型更新： 站点详情、--100% 充电枪 页面 --100% 充电结束、 --100%

增加6折卡相关信息展示。

//pages/discountCard/productDetails