jp-charge

[](https://modao.cc/app/MnYc18uZravtcj6wq3wua#screen=sl2fu02jhnc888l)

智能充电系统

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

账户类型(1-平台，2-企业,3-个人,4-物业,5-市场)

运行方式 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 ---npm install echarts@3.6.2 --save //1.echarts 引入的时候，会优先判断当前的环境。 //2.由于uni app 中有一个 ‘wx’ 全局变量污染了echarts中的 wx 变量，导致这里的判断直接走第一个，echarts 部分功能无法生效。 window.wx = {}

u-loadmore//加载更多

在线示例 uview

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



                option = {
                  title: {
                    text: 'World Population'
                  },
                  tooltip: {
                    trigger: 'axis',
                    axisPointer: {
                      type: 'shadow'
                    }
                  },
                  legend: {},
                  grid: {
                    left: '3%',
                    right: '4%',
                    bottom: '3%',
                    containLabel: true
                  },
                  xAxis: {
                    type: 'value',
                    boundaryGap: [0, 0.01]
                  },
                  yAxis: {
                    type: 'category',
                    data: ['Brazil', 'Indonesia', 'USA', 'India', 'China', 'World']
                  },
                  series: [
                    {
                      name: '2011',
                      type: 'bar',
                      data: [18203, 23489, 29034, 104970, 131744, 630230]
                    },
                    {
                      name: '2012',
                      type: 'bar',
                      data: [19325, 23438, 31000, 121594, 134141, 681807]
                    }
                  ]
                };