# wechatTradeCode
基于uni-app框架
## 运行方式
将项目拖入[HbuilderX](http://www.dcloud.io/hbuilderx.html),直接运行即可
## 项目访问说明
* 浏览器中访问请在url中带openId=123参数,登录的验证码为000000,项目接口都是mock数据。
* H5版在线地址:[http://liuup.com/converge-official-page/#/?openId=123](http://liuup.com/converge-official-page/#/?openId=123)
## 特点
* 兼容H5、微信小程序和安卓、ios
* 适用于强制登录和非强制登录应用场景
* 使用vuex管理登录状态
## 注意事项
* 页面初始化完毕后马上跳转页面可能会失败,可以尝试延迟执行
## 开发规范
* 1.组件名以m做为前缀。
* 2.在vue原型挂载对象,以$为前缀。
* 3.scss预编译
* 4.es6、Promise、async和await。
## 项目架构方案
* 静态资源解决方案(图片、字体);
静态资源需要支持服务器地址或着本地地址配置,在config目录中新增assets.config.js文件,创建json对象,达到统一管理的目的,挂载到vue原型中$assets,所有页面通过this.$assets.imgKey访问图片url。css背景图片应尽量使用行内样式设置。
* api集中管理;
为简化逻辑代码量整洁的原则,像调用函数一样调用api,做到代码分离,在apis目录创建http.js封装request请求方法,在新建index.js中引入http.js,统一创建api函数,并且封装接口返回数据类型校验的方法,挂载到vue原型中,页面通过await this.$apis.apiName()调用,数据校验通过await this.$apis.utils.isArray(data)方法,注意:尽量使用es7的 async 和 await 的特性实现同步。
* uni-app实现登陆拦截解决方案;
由于框架没有全局路由守卫函数,那么要实现登陆拦截需要在common目录中创建Router.js封装路由api,在config目录中创建权限路由表,两者配合以达到路由跳转权限控制目的。
* icon图标跨端通用解决方案。
统一使用字体图标库,跨端兼容好,也是官方推荐的,注意:字体文件太大建议做分割处理,避免加载过慢的情况。
* pages目录分包管理
由于微信小程序的限制,上传发布机制总包大小不能大于2m,所以项目若超出该限制,要在page.json中做分包处理,分包处理的配置与pages目录保持一致。
* AppEnterControll.js 应用的全局类,继承vue的所有方法。
场景:app入口控制,用户登陆。非页面自有方法。
中心思想:类似小程序app.js
* joy-page组件说明
中心思想:组件代表一个page,可随意扩展,已扩展页面loading,网络异常重载操作。
场景:每个页面按需求引入。页面内容通过slot渲染,loading通过props控制。
## 采坑记录
* v-if在slot中慎用。
组件中与slot内容若同时出现v-if,会导致slot内容里的元素样式不生效。仅在H5复现。
* 不支持在组件上定义样式类名,各端互不兼容。
举例:<joy-page class="page"></joy-page> 其中page的样式在ios的app中不生效。
* slot中使用v-for需要注意
场景:在一个popup组件中,在slot中通过v-for渲染数据列表,非H5端会出现空白。详细问题见:[](http://ask.dcloud.net.cn/question/60743)
* 点击popup中的列表某一项,选择后并关闭popup,在非H5端偶尔会出现关不掉的情况,暂未找到解决方案。
没有合适的资源?快使用搜索试试~ 我知道了~
基于uni-app编写的app.zip
共128个文件
vue:42个
png:33个
js:24个
需积分: 3 0 下载量 192 浏览量
2024-01-15
10:14:30
上传
评论
收藏 1.86MB ZIP 举报
温馨提示
支持H5,小程序,安卓,ios端。功能:登录拦截方案,路由二次封装,图片统一管理方案,api统一管理方案,icon通用方案,页面loading组件,不支持过滤器的解决方案,支持强制登录和非强制登录应用。 方案是为解决特定问题或达成特定目标而制定的一系列计划或步骤。它的作用是提供一种系统性的方法,以有效地应对挑战、优化流程或实现目标。以下是方案的主要作用: 问题解决: 方案的核心目标是解决问题。通过系统性的规划和执行,方案能够分析问题的根本原因,提供可行的解决方案,并引导实施过程,确保问题得到合理解决。 目标达成: 方案通常与明确的目标相关联,它提供了一种达成这些目标的计划。无论是企业战略、项目管理还是个人发展,方案的制定都有助于明确目标并提供达成目标的路径。 资源优化: 方案在设计时考虑了可用资源,以最大化其效用。通过明智的资源分配,方案可以在有限的资源条件下实现最大的效益,提高效率并减少浪费。 风险管理: 方案通常会对潜在的风险进行评估,并制定相应的风险管理策略。这有助于减轻潜在问题的影响,提高方案的可行性和可持续性。 决策支持: 方案提供了决策者所需的信息和数据,以便做出明智的决策。这种数据驱动的方法有助于减少不确定性,提高决策的准确性。 团队协作: 复杂的问题通常需要多个人的协同努力。方案提供了一个共同的框架,帮助团队成员理解各自的职责和任务,促进协作并确保整个团队朝着共同的目标努力。 监控与评估: 方案通常包括监控和评估的机制,以确保实施的有效性。通过定期的评估,可以及时调整方案,以适应变化的环境或新的挑战。 总体而言,方案的作用在于提供一种有序、有计划的方法,以解决问题、实现目标,并在实施过程中最大化资源利用和风险管理。
资源推荐
资源详情
资源评论
收起资源包目录
基于uni-app编写的app.zip (128个子文件)
m-icon.css 5KB
style.css 2KB
demo.css 2KB
demo.css 2KB
style.css 865B
icomoon.eot 10KB
icomoon.eot 2KB
.gitignore 44B
demo.html 23KB
demo.html 3KB
succ.jpg 41KB
area.js 223KB
qrcode.js 41KB
city.js 23KB
cityData.js 18KB
AppEntryController.js 4KB
formRule.config.js 4KB
graceChecker.js 3KB
index.js 2KB
main.js 2KB
utils.js 2KB
http.js 2KB
routes.config.js 2KB
province.js 2KB
index.config.js 2KB
index.js 2KB
assets.config.js 2KB
demo.js 996B
demo.js 996B
bankData.js 815B
router.js 808B
modalHelper.js 769B
service.js 516B
auth.js 398B
constData.config.js 143B
selection.json 36KB
package-lock.json 15KB
manifest.json 4KB
pages.json 3KB
selection.json 3KB
package.json 557B
LICENSE 1KB
README.md 3KB
readme.md 1KB
readme.md 1021B
timg.png 383KB
upload-52.png 212KB
register@3x.png 161KB
upload-51.png 148KB
ka-1.png 125KB
upload-50.png 110KB
ka-2.png 108KB
s1.png 87KB
qq.png 61KB
ad-1.png 53KB
ad-2.png 52KB
noOrder.png 33KB
15@3x.png 17KB
13@3x.png 16KB
16@3x.png 14KB
14@3x.png 13KB
zkflogo@2x.png 11KB
no-cc.png 7KB
pay_unopen.png 5KB
user.png 5KB
grid-2.png 4KB
sinaweibo.png 4KB
userHL.png 4KB
grid-5.png 4KB
grid-6.png 4KB
head.png 3KB
grid-3.png 3KB
grid-1.png 3KB
grid-4.png 3KB
home.png 3KB
weixin.png 2KB
homeHL.png 2KB
icon-1.png 1KB
icomoon.svg 31KB
icomoon.svg 2KB
icomoon.ttf 10KB
icomoon.ttf 2KB
Read Me.txt 748B
Read Me.txt 748B
m-upimg.1.vue 61KB
m-page-view.vue 28KB
mpvue-picker.vue 20KB
reg.vue 9KB
uUserInfo.vue 7KB
m-cc-popup.vue 7KB
m-codedialog.vue 7KB
mpvueCityPicker.vue 6KB
login.vue 5KB
tradeHistory.vue 5KB
uni-grid.vue 4KB
m-popup.vue 4KB
trade.vue 4KB
user.vue 4KB
m-upimg.vue 4KB
m-input.vue 4KB
共 128 条
- 1
- 2
资源评论
JJJ69
- 粉丝: 6343
- 资源: 5918
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功