ht_reed

Installation

1. npm install -S @ht123/ht_reed 或者 cnpm

2. 拷贝node_module/@ht123/ht_reed/src/assets/images下的所有图片。git bash下的命令行为cp ./node_modules/@ht123/ht_reed/src/assets/images/* ./src/assets/images，或者手动拷贝

3. 拷贝node_module/@ht123/ht_reed/src/assets/utils下的所有工具函数。git bash下的命令行为cp ./node_modules/@ht123/ht_reed/src/assets/utils/* ./src/assets/utils，或者手动拷贝

4. 拷贝node_module/@ht123/ht_reed/src/assets/style/lib下的样式。git bash下的命令行为cp ./node_modules/@ht123/ht_reed/src/assets/style/lib/* ./src/assets/style/lib，或者手动拷贝

4. import "./assets/style/lib/main.css"

5. import htReed from "@ht123/ht_reed/src/components/index"

6. Vue.use(htReed)

下载模板

也可以不通过上面的安装方式，直接下载模板。

git clone https://github.com/shouhutianshi/reed.git

记得修改main.js对应名称， 文件夹名称

顶部栏

• 绑定退出事件

面包屑

• 支持多级
• 点击可切换路由

侧边栏

• 当前高亮显示，高亮为蓝色箭头
• 支持树形，至少支持三级

tab页

• 支持多级
• 支持高亮，带下边框

表格

• 支持空数据默认显示
• 带loading状态

输入框

• 支持大中小三种规格
• 支持大中小三种圆角角度调整

下拉框

• 支持大中小三种规格
• 支持大中小三种圆角角度调整
• 支持异步加载

有起始日期的输入框

• 样式调整

分页

• 样式调整
• 方法封装

按钮

• 支持上传/下载
• 支持大中小三种规格
• 支持 default/disabled/primary/noBackground
• 如“提交”等进行异步操作的有loading动画

图片上传

• 支持图片格式限制/大小限制

页面title

• 可配置成竖线模式，也可配置成返回模式

dialog框

• 展示表格等信息