# 组件说明
vue公共组件说明
## dialog-弹出框类型组件
### import-file-dialog 导入文件
#### props
参数|说明|类型|默认值
---|:--:|---:
allowExtName|允许上传的扩展名,使用\|分割|String|xlsx\|.xls
size|允许上传的文件大小,单位为M|Number|5
## 项目目录说明
### build
webpack2的配置环境,项目编译打包环境
webpack2支持es6语法,内部已引用jquery(建议项目中少用或不用)
### config
开发环境和生产环境的相关配置
要修改的文件:index.js,如下修改:
1、line 42~47 pcmweb改写成自己的项目名
2、line 18 port 项目运行开发环境的端口号
### src
核心源代码
#### assets
存放样式、 js、图片
#### components
公共组件
#### config
项目配置文件,具体看config.js
#### lib
api -接口入口 所有页面都从这里调用
http -交互封装 https://www.kancloud.cn/yunye/axios/234845
validate -各种正则校验,可自行扩展
在这里可以自己封装一些东西...
#### router
路由文件,里面存放vue路由信息
index.js line 17 pcmweb改成自己的项目名
#### store
状态管理器 具体用法参考https://vuex.vuejs.org/zh-cn/api.html https://segmentfault.com/a/1190000009404727
#### views
页面存放区域
#### main.js
项目核心js文件,全局js注册,各种初始化
### static
1、静态资源存储,
2、放存favicon.ico文件
### tool
存放快捷操作,有以下几个:
1、install.bat ----安装依赖包------
2、pack.bat ----打包项目-------
3、run.bat ----启动项目-------
### index.html
由于是单页面项目,项目中只有一个html文件,html上的title自行修改
### package.json
自行修改项目名 name,这是项目核心文件,里面存放项目的相关信息和依赖的模块插件信息
## 常用UI组件
MUI(app):http://dev.dcloud.net.cn/mui/
SUI(app):http://m.sui.taobao.org/
amazeUI:http://www.amazeui.org/
SUI(PC):http://sui.taobao.org/sui/docs/index.html
Mint UI(app):http://mint-ui.github.io/#!/zh-cn
elementUI(PC):http://element-cn.eleme.io/#/zh-CN -----推荐使用
iviewUI(PC):https://www.iviewui.com/ -----推荐使用