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.
79 lines
2.8 KiB
79 lines
2.8 KiB
2 years ago
|
## longbingx
|
||
|
|
为提高团队协作效率，便于前端后期优化维护，请大家认真阅读以下内容：
|
||
|
|
|
||
|
|
|
||
|
|
## 开发规范
|
||
|
|
1、命名规范
|
||
|
|
```
|
||
|
|
（1）目录使用小写+下划线，例如：longbing_card
|
||
|
|
（2）组件使用小写+连字符，例如：tab-bar
|
||
|
|
（3）函数及参数使用驼峰式命名，例如：userInfo
|
||
|
|
（4）分包必须是跟需求的内容相关的词，例如：boss
|
||
|
|
```
|
||
|
|
|
||
|
|
2、注释规范（简洁明了）
|
||
|
|
```
|
||
|
|
（1）公共组件使用说明
|
||
|
|
（2）各组件中重要函数或者类说明
|
||
|
|
（3）方法需写明作者、用途及复杂的业务逻辑处理说明
|
||
|
|
（4）单行注释使用//
|
||
|
|
（5）注释块必须以/（至少两个星号）开头/
|
||
|
|
```
|
||
|
|
|
||
|
|
3、编码规范
|
||
|
|
```
|
||
|
|
（1）v-for 循环必须加上 key 属性，在整个 for 循环中 key 需要唯一
|
||
|
|
（2）避免 v-if 和 v-for 同时用在一个元素上
|
||
|
|
```
|
||
|
|
|
||
|
|
4、CSS 规范
|
||
|
|
```
|
||
|
|
（1）名称统一使用连字符，例如：goods-item
|
||
|
|
（2）省略值为0时的单位，例如：padding：0
|
||
|
|
```
|
||
|
|
|
||
|
|
|
||
|
|
## 目录结构
|
||
|
|
```
|
||
|
|
｜--technician 技师端
|
||
|
|
｜ ｜--pages 分包页面
|
||
|
|
｜ ｜ ｜--apply 申请/编辑技师信息
|
||
|
|
｜--apis 接口，统一管理
|
||
|
|
｜ |--technician.js 技师端接口，命名与对应对分包名一致
|
||
|
|
｜ |--base.js 常用接口，例如：登陆/更新用户信息/系统配置等～
|
||
|
|
｜ |--index.js 引入接口，命名+Model，例如：import baseModel from './base.js';
|
||
|
|
｜--components 公共组件，
|
||
|
|
｜ ｜--abnor 页面无数据处理样式
|
||
|
|
｜ ｜--auth 通用授权，包括：授权用户信息以及授权手机号码
|
||
|
|
｜ ｜--banner 轮播图
|
||
|
|
｜ ｜--column 分类列表
|
||
|
|
｜ ｜--jyf-Parser 富文本解析
|
||
|
|
｜ ｜--load-more 加载更多数据
|
||
|
|
｜ ｜--search 搜索
|
||
|
|
｜ ｜--share 点击分享按钮，弹出分享面版
|
||
|
|
｜ ｜--upload 图片上传
|
||
|
|
｜ ｜--tab 选项卡切换
|
||
|
|
｜--pages 主包
|
||
|
|
｜--static 图片资源，文件夹命名以功能模块划分
|
||
|
|
｜--store 全局数据
|
||
|
|
｜ ｜--modules
|
||
|
|
｜ ｜ ｜--config.js 全局配置信息，configInfo
|
||
|
|
｜ ｜ ｜--user.js 用户信息，包括：userInfo，commonOptions：公共参数
|
||
|
|
｜--styles CSS样式，文件以类别或功能模块划分
|
||
|
|
｜ ｜--icon.wxss 图标库，更新后请在iconfont样式里面添加一句：line-height:1;font-size:32rpx;
|
||
|
|
｜ ｜--index.wxss 引入其他样式，例如：@import './icon.wxss'
|
||
|
|
｜--utils
|
||
|
|
｜ ｜--error.js 通用报错信息
|
||
|
|
｜ ｜--index.js 公共方法，例如：goUrl跳转方法/getBmapLocation百度定位等～
|
||
|
|
｜ ｜--validate.js 验证规则
|
||
|
|
｜--siteinfo.js 配置文件
|
||
|
|
```
|
||
|
|
|
||
|
|
## 页面兼容
|
||
|
|
```
|
||
|
|
页面字体颜色及按钮颜色需使用configInfo里面的主色primaryColor/辅色subColor
|
||
|
|
```
|
||
|
|
|
||
|
|
|
||
|
|
##【腾讯文档】有关按摩多城市H5源码的相关内容
|
||
|
|
https://docs.qq.com/doc/DWmhnZVN3eExLeHFZ
|