# tdl

**Repository Path**: lidiXiong/tdl

## Basic Information

- **Project Name**: tdl
- **Description**: 淘东来
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-06-04
- **Last Updated**: 2024-06-04

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 初始化项目

```javascript
npm i
```

# 开发须知
- 主分支：master
- 项目框架：master
- 项目测试：devlop_test
- 线上项目：master
- 功能分支：feature/[功能名称]

**注：1. 所有*插件*都从devlop切出来，开发完成之后合并到devlop_test分支测试，上线的项目先合到devlop_pro去解决冲突，再把devlop_pro合到master分支；2. 所有公共方法或页面需要到devlop里面进行修改再合并到插件的分支去；3. 插件公用的页面放到plugins/public下面**

# 项目注意事项
1. 项目的基础公共组件uview: [uview](https://www.uviewui.com/components/intro.html)
2. 如果导入其他公共组件放到components里，如果只是某个页面用到的组件建议放到该页面的目录下
3. iconfont: [iconfont](https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=2750987)
4. [ican-H5Api:对齐部分H5Api](https://ext.dcloud.net.cn/plugin?id=415)

# 目录解读
```javascript
scss: {
	_base.scss: 这里面写公共样式
	_icon.scss: 这里面是全局的字体图标
	_mixins.scss: 公共混合器
	_variables.scss: 存放scss变量
}
common: {
	tui-clipboard: 剪贴板(兼容h5/app/小程序)
	api.js: 接口统一存放目录  //2023-03-09以后不再在api.js统一管理，在页面各自管理  ，this.$env+'接口域名地址' 写法
	env.js: 程序配置(这里的代码不提交，避免合代码时冲突) 
	env.js.copy: 程序配置的模板
	request.js: 封装的请求
}
filters: 过滤器
libs: 第三方sdk
mixins: {
	globalMixins.js: 全局的一些Mixin,比如分页，刷新
}
utils: {
	mta: 埋点
	share: 分享（后面优化写上的，小程序/h5/app分享都可调用这个）
	storage: 缓存
	day.js: 时间日期处理库
	payments.js: 支付
	share.js: 分享（基本上不用了，但是怕页面有引用，不敢删掉）
	util.js: 其他封装的函数放这里
	validation.js: 表单验证
	wechatJsSdk.js: 基于微信环境的h5的一些业务逻辑处理
}

// 注：以下组件可以在不改变原有用途的基础上加以优化，欢迎入坑~
// 如果确定自己的组件只是在某个分包用到，请把组件放到分包里，不要加重主包的负担
components: {
	// 公共组件命名规则，com- 开头
	common: 常用的公共组件
	{
		"com-bind-phone": 绑定手机号弹窗
		"com-button": 按钮组件
		"com-card-head": 带有背景的用户信息组件
		"com-container": 容器
		"com-empty": 内容为空组件
		"com-global": 全局组件容器
		"com-navbar": 头部导航组件
		"com-pick-address": 选择城市和选择乡镇弹窗
		"com-verification-code": 获取验证码组件
		"com-video": 播放视频组件
	}
	diy: 装修组件
	{
		components: {
			"goods-info": 商品信息
			"member-info": 用户中心头部卡片的风格
			"group-goods": 拼团风格
			"hch-poster": 海报
		}
		"diy-alert": 广告弹窗
		"diy-auxiliary-blank": 辅助空白
		"diy-auxiliary-line": 辅助线
		"diy-bargain-goods": 砍价商品组
		"diy-button-group": 按钮组
		"diy-center-menu": 功能组件，给其他组件用的
		"diy-commodity-group": 商品组
		"diy-commodity-group-tab": 选项卡
		"diy-commonly-icon-group": 常用图标组
		"diy-course": 课程的组件
		"diy-follow-official": 关注公众号
		"diy-goods-comment": 商品评论
		"diy-goods-info": 商品信息
		"diy-goods-parse": 商品图文详情
		"diy-graphic-details": 图文详情
		"diy-group-goods": 拼团商品
		"diy-img-ad": 图片广告
		"diy-lucky-group": 幸运拼团商品组
		"diy-member-info": 用户中心头部卡片
		"diy-nav": 头部导航
		"diy-notes-articles": 运营笔记
		"diy-order-broadcast": 订单播报
		"diy-order-icon-group": 订单图标组
		"diy-placard": 公告
		"diy-position": 定位
		"diy-rubik-cube": 魔方
		"diy-score-goods-list": 积分商品列表
		"diy-search": 搜索
		"diy-swiper": 轮播
		"diy-title-block": 标签栏
		"diy-video": 视频
		"diy-Store-best-sellers" : 门店全场热卖
		"diy-store-cate-group" : 门店推荐商品
		"diy-store-cate-recommend" : 门店分类列表
		"diy-store-commodity-classify-list" : 门店分类商品列表
	}
	"form-diy" : 智能表单  //代码写得过于累赘 后续有时间需优化
	"wanghexu-timeslot" : 写智能表单时引入的时间选择器，可优化
	// 自定义组件命名规则，文件夹以及文件名都以 qm- 开头
	"qm-card-swiper": 卡片轮播组件，目前用于用户中心的资产栏和幸运拼团的资产栏
	"qm-copyright": 版权设置
	"qm-goods": {
		"qm-goods-list": 商品列表组件(宫格和列表)
		"qm-goods-attr": 商品规格弹窗
		"qm-drop-down": 商品功能下拉组件
		"qm-goods-banner": 商品轮播图组件
	}
	"qm-submit-bar": 购物车底部导航组件
	"qm-payment": 支付组件
	"qm-toolbar": 工具展示组件
	"qm-top-dropdown": 下拉菜单组件
	
	// 如果有引用其他组件直接放到components下面就好了，请在下面备注用途
} 
```

# 引入插件市场的插件
hch-poster: [海报](https://ext.dcloud.net.cn/plugin?id=586)

# uview-ui 修改过的组件   有删除过组件，在uview README.md 查看相关删除的组件 
### u-upload: 上传组件
action: '上传的接口地址，可传可不传，不传则为默认上传接口'
formData: '接口额外的参数，比如：上传图片需要传 { upload_type: "images" }'

### u-swiper: 轮播组件
### u-notice-bar 滚动通知组件

# vuex

```
state: {
    userInfo, // 全局用户信息
    token, // 全局用户标识
    mallConfig, // 全局配置
    globalColor, // 全局颜色
    alertCountObj, // 弹窗次数限制
	
}

```