0.0.1 • Published 4 years ago
h5-app-common v0.0.1
公共组件
tools 工具组件
- ly-tools
ly-requrest
常用的请求封装、token设置等。ly-common
常用的API封装,节点获取,距离计算等。ly-regexp
常用的正则表达式判断、金额、汉字等。ly-router
以Vue.router为模板封装的路由跳转与传参。ly-API
在网上收集到的API,仅供测试用。ly-cache
缓存器,优化减少HTTP请求。ly-native
基于HTML5+ API封装的原生功能
- loading 等待框
- zhouWei-APPUpdate 版本更新界面
- popup 弹窗
module 视图组件
- app 移动端组件
- pc web端组件
- comm 公共组件
httpUtil
http请求入口类://数据请求 httpReq.postReq({ strUrl: '/nmip/bjgoodwill/queryVersionByKey_versionApp.action', param: { '1': '234' }, successBack: r => { console.log('success:', r) }, failureBack: r => { console.log('failure:', r) } })
//上传图片 httpReq.postReqUpload({ strUrl: '/nmip/bjgoodwill/queryVersionByKey_versionApp.action', formData: { '1': '234' }, successBack: r => { console.log('success:', r) }, failureBack: r => { console.log('failure:', r) } })
参数
- load: true, //是否显示等待窗
- strUrl: '', //请求地址(不包括基础地址)
- param: {}, //请求参数
- formData:{},//图片上传时的表单数据
- sourceType:"album", "camera",//album从相册选图,camera使用相机,默认二者都有
- successBack: req => {}, //成功回调
- failureBack: req => {} //失败回调
dialog
弹窗store.commit("setDialogShow", { isShow: true, title: '错误', content: "网络错误", confirmText: '关闭', type: 'error', isShowCancel: false, confirm: r => { failureBack(data.result) } });
参数
- isShow: false, //是否显示弹窗
- title: '提示', //弹窗标题
- content: '具体内容', //具体显示内容
- confirm: r => {}, //确认按钮点击回调
- cancel: r => {}, //取消按钮点击回调
- confirmText: '确认', //确认按钮文字
- cancelText: '取消', //取消按钮文字
- isShowCancel: true, //是否显示取消按钮
- type:'success',//对话框主题 success/warning/info/error 默认 success
- mode:'base',//对话框模式 base/input
- value:'',//input录入模式时默认值
- placeholder:'请输入'//input录入模式时默认文字
dialog
仿toaststore.commit("setToastShow", { isShow: true, type: 'error', duration:20000, content: data.result });
参数
- isShow: false, //是否显示提示信息
- content: '具体内容', //具体显示内容
- type:'success',//对话框主题 success/warning/info/error 默认 success
- duration:2000//弹窗展示时间
0.0.1
4 years ago