nx-admin框架看着还不错,试试水深。
nx-Admin目录
1. 资源
1.1. nx-Admin
github
https://github.com/mgbq/nx-admin
文档
https://mgbq.github.io/nx-admin-site/zh/guide/
作者博客
https://blog.csdn.net/qq_32340877
1.2. nxAdmin-template
https://github.com/mgbq/nxAdmin-template
1.3. element-ui
http://element-cn.eleme.io/#/zh-CN/component/installation
1.4. Vue.js
https://cn.vuejs.org/v2/guide/
Api: https://cn.vuejs.org/v2/api/
2. 技巧
3. BUG&优化
- 移动端响应式有点问题,比如表单响应式不是很好,估计测试做的不多或者没考虑响应式
- 个别方法引用混乱,比如标题的设置
- 表单等代码可以再封装成组件不然代码太多,类似以下代码可以抽象成组件,不然代码太多,另外还可配置选项:是否响应式、响应式如何设置等
<el-form-item label="表单名称">
<el-col :xs="8" :sm="24">
<el-input v-model="form.name"></el-input>
</el-col>
</el-form-item>
- 并未配置按需载入
4. 问题
ie兼容,但是仍然不友好,6、7完全不考虑
问题: IE报vuex requires a Promise polyfill in this browser
解决方法:
- 安装
babel-polyfill
。babel-polyfill
可以模拟ES6使用的环境,可以使用ES6的所有新方法。
npm install --save babel-polyfill
- 第二步:在
webpack.base.conf.js
中替换
entry: {
// app: './src/main.js' //原来的
app: ["babel-polyfill", "./src/main.js"]
},
nx-admin是仿(chao)vue-element-admin的一个后台
https://github.com/PanJiaChen/vue-element-admin
预览
https://panjiachen.gitee.io/vue-element-admin/#/zip/download
手册
https://panjiachen.gitee.io/vue-element-admin-site/zh/guide/
手摸手,带你封装一个vue component
https://segmentfault.com/a/1190000009090836
见识
https://jianshiapp.com/circles/1209
以上项目做到再修复