You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
2 years ago | |
---|---|---|
.hbuilderx | 2 years ago | |
common | 2 years ago | |
components | 2 years ago | |
h5 | 2 years ago | |
pages | 2 years ago | |
static | 2 years ago | |
.gitignore | 2 years ago | |
App.vue | 2 years ago | |
Dockerfile | 2 years ago | |
README.md | 2 years ago | |
deploy.yaml | 2 years ago | |
index.html | 2 years ago | |
main.js | 2 years ago | |
manifest.json | 2 years ago | |
nginx.conf | 2 years ago | |
package.json | 2 years ago | |
pages.json | 2 years ago | |
uni.scss | 2 years ago | |
vue.config.js | 2 years ago |
README.md
shopping-app
严选移动端
公共方法utils
- 公共方法统一放置utils文件夹内,可以按分类建方法文件 如:验证类verify.js 请求类request.js;
- 所有公共方法采用大驼峰命名法
- 所有的方法都从index.js输出,引入时统一引入index,不允许直接引入方法文件
- 所有方法文件如果导出的是多个方法,不允许在定义方法时导出,必须在文件底部一一导出,并附上方法简单的注释
// 正确
import {Req, IsPhone} from '@/common/utils';
// 错误
import {Req} from '@/common/utils/request';
import {IsPhone} from '@/common/utils/utils';
// 正确
const IsPhone = (str) => {....}
const IsEmail = (str) => {....}
export {
// 判断手机号
IsPhone,
// 判断邮箱
IsEmail
}
// 错误
export const IsPhone = (str) => {....}
export const IsEmail = (str) => {....}
组件
- 请务必使用easycom模式引入第三方组件
- 根目录的components 只放置真正的组件,某个页面的业务模块应该在pages的相应目录下新建components目录放置
- 所有的自定义组件文件名以大驼峰命名,且在templet中使用也用大驼峰形式使用
请求
- 所有请求方法命名以(Api+请求类型+具体方) 法命名
- 所有请求使用ToAsyncAwait 包裹
- 不允许使用try catch 和 then 处理返回结果
// 使用示例
// xxapi.js
import {ToAsyncAwait, ReqestTk} from '@/common/utils'
const ApiGetUserInfo = (parapms) => ToAsyncAwait(ReqestTk.get('xxxxUrl',{params}));
exprot {
// 获取用户信息
ApiGetUserInfo
}
// user.vue
improt {ApiGetUserInfo} from '@/common/api/xxapi.js';
const getUserInfo = async () =>{
const {error, result} = await ApiGetUserInfo();
if(error){
alert(error);
return false;
}
app.userInfo = result;
}
图片
- 按pages目录结果放置图片
- 有公共使用的图片请放到static/common文件夹内