#### 1.\_util 包:存放自定义函数 详细见代码注释

#### 2.AvatarList:显示头像群并支持 tip，用法参考 src\views\Home.vue（如下图）

![输入图片说明](https://static.oschina.net/uploads/img/201904/12181253_O0Xi.png '在这里输入图片标题')

#### 3.chart 包:存放各种图表相关的组件,条形图柱形图折线图等等 具体用法参考首页

#### 4.countDown 包:一个倒计时组件，用法参考 home 页,简单描述,该组件有 3 个属性,

target(时间/毫秒数)必填， format(function,该方法接收一个毫秒数的参数,用于格式化显示当前倒计时时间)非必填, onEnd 倒计时结束触发函数 ![输入图片说明](https://static.oschina.net/uploads/img/201904/12182046_mwqJ.png '在这里输入图片标题')

#### 5.dict 包：数据字典专用，用法参考文件夹下 readme 文件

#### 6.Ellipsis 包：字符串截取组件,可以指定字符串的显示长度,并将全部内容显示到 tip 中,简单使用参考 src\views\system\PermissionList.vue

#### 7.jeecg 包：该包下自定义了很多列表/表单中用到的组件 参考包下 readme 文件

#### 8.jeecgbiz 包：该包下定义了一些业务相关的组件，比如选择用户弹框,根据部门选择用户等等

#### 9.layouts+page 包：系统页面布局相关组件，比如登陆进去之后页面顶部显示什么，底部显示什么，菜单点击触发多个 tab 的布局等等 一般情况不需要修改

#### 10.menun 包：菜单组件，俩个，一个折叠菜单一个正常显示的菜单

#### 11.NumberInfo:数字信息显示组件 如下图

![输入图片说明](https://static.oschina.net/uploads/img/201904/12185858_uvJ5.png '在这里输入图片标题')

#### 12.online 包：该包下封装了 online 表单的相关组件,用于展示表单各种控件,验证表单等等,相关用法参考 readme

#### 13.setting 包：该包下封装了首页风格切换等功能如下图

![输入图片说明](https://static.oschina.net/uploads/img/201904/12190520_jySG.png '在这里输入图片标题')

#### 14.table 包：一个二次封装的 table 组件,用于展示列表，参考 readme

#### 15.tools 包：

Breadcrumb.vue：面包屑二次封装,支持路由跳转

DetailList.vue：详情展示用法参考 src\views\profile\advanced\Advanced.vue(效果如下图) ![输入图片说明](https://static.oschina.net/uploads/img/201904/12193954_Uar6.png '在这里输入图片标题')

```
个人认为该页面代码有两点值得学习：
1.vue provide/inject的使用
2.该页面css定义方式,只定义一个顶层class,其余样式都定义在其下,这样只要顶层class不和别的页面冲突,整个页面的样式都是唯一生效的
```

FooterToolBar.vue:fixed 定位的底部，通过是否定义内部控件的属性 slot="extra"决定是左浮动或是右浮动 HeaderNotice.vue:首页通知(如下图) ![输入图片说明](https://static.oschina.net/uploads/img/201904/12195340_fPe0.png '在这里输入图片标题')

HeaderInfo.vue:上下文字布局（如下图） ![输入图片说明](https://static.oschina.net/uploads/img/201904/12195638_dG5o.png '在这里输入图片标题')

Logo.vue:首页左上侧的 log 图 ![输入图片说明](https://static.oschina.net/uploads/img/201904/12200908_ihv3.png '在这里输入图片标题')

UserMenu.vue:首页右上侧的内容 ![输入图片说明](https://static.oschina.net/uploads/img/201904/12201226_laQK.png '在这里输入图片标题')

#### 16.trend 包 趋势显示组件（如下图）

![输入图片说明](https://static.oschina.net/uploads/img/201904/12201600_Wo8K.png '在这里输入图片标题') ![corn表达式](https://oscimg.oschina.net/oscnet/661f9ac09016395f9f49286143af3241623.jpg) ![corn控件添加清除按钮](https://oscimg.oschina.net/oscnet/15096e49f2e29bd829e304d56770025d03c.jpg)
