无标题文章

# 组件说明

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/  -----推荐使用