Main See merge request cloud-mediate/mediate-manage-web!109
#项目目录结构说明 ######├── src/ # 源码目录(开发的项目文件都在此文件中写) ######│ ├── assets/ # 放置需要经由 Webpack 处理的静态文件,通常为样式类文件,如css,sass以及一些外部的js ######│ ├── components/ # 公共组件 ######│ ├── filters/ # 过滤器 ######│ ├── store/ # 状态管理 ######│ ├── routes/ # 路由,此处配置项目路由 ######│ ├── services/ # 服务(统一管理 XHR 请求) ######│ ├── utils/ # 工具类 ######│ ├── pages/ # 路由页面组件 ######│ ├── App.vue # 根组件 ######│ ├── main.js # 入口文件 ######├── static/ # 放置无需经由 Webpack 处理的静态文件,通常放置图片类资源 ######├── .gitignore # (配置)在上传中需被 Git 忽略的文件(夹) ######├── package.json # 本项目的配置信息,启动方式 ######├── package-lock.json # 记录当前状态下实际安装的各个npm package的具体来源和版本号
使用dart-sass替换node-sass,sass-loader的版本为"^8.0.2",
sass-loader版本过高会导致构建时报错this.getOptions is not a function.
element-ui的版本为"^2.15.6",
因为版本"2.15.6"以上版本的时候在date-picker组件里面
添加了一行直接修改placement的代码,会导致控制台报错:
Prop being mutated: "placement"
图标使用svg-icon,全局组件,直接使用:
<svg-icon icon-class="user"></svg-icon>
1.关于button、tag等标签,主色已改,不需要单独写样式.
2.项目图标,除了菜单栏图标使用svg,其余图标使用element ui icon.
util.js通用工具方法:
1.获取当天、当月、近几周、近几月、近几年内日期/时间,格式化时间处理等
2.点击按钮后,去掉按钮焦点
3.处理base64数据
4.下载文件等
project
Project setup
npm install
Compiles and hot-reloads for development
npm run serve
Compiles and minifies for production
npm run build
Lints and fixes files
npm run lint