马士兵严选商城app前端代码
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.
 
 
 
 
Go to file
覃昌波 ea1b0e80cc
更新 Dockerfile
2 years ago
public perf:工作流程改成cli 2 years ago
src pref:提交订单时,虚拟商品不传地址Id 2 years ago
.gitignore perf:工作流程改成cli 2 years ago
Dockerfile 更新 Dockerfile 2 years ago
README.md perf:工作流程改成cli 2 years ago
babel.config.js perf:工作流程改成cli 2 years ago
deploy.yaml 添加文件 2 years ago
env.config.js perf:工作流程改成cli 2 years ago
nginx.conf 添加文件 2 years ago
package.json pref:IM消息重发 2 years ago
postcss.config.js perf:工作流程改成cli 2 years ago
tsconfig.json perf:工作流程改成cli 2 years ago
vue.config.js perf:工作流程改成cli 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文件夹内