这一篇,我们将引入elemen-ui,开发一个简单的单页面应用。
首先,引入element-ui,参考element-ui官网。
安装方式这里建议npm安装,可以更好的配合webpack打包
安装好了,我们要引入element-ui(全局引入):
在main.js中全局引入当然,如果你只想在一个单独的页面使用也可以(按需引入):
element-ui 官网介绍的方法,可以自己去看 开始使用接下来,我们要开发这样一个后台页面
从网上找的模板具体的过程就不加赘述,对于需要的内容,可以在element文档中找到,自己需要的格式,直接复制到自己代码中,然后按照自己的需要改变颜色或者其他(其实elemen-ui颜色配置还是我很喜欢的)。
这个是我 router配置:
router配置我实现后的页面是这样的:
修改的后台页面还是很多地方没有写好,后期会继续完善,如果对你有用,可以去下面的地址下载源码,可以star或者follow,我会继续更新的!
源码地址 :后台demo地址
下载之后
cd进入文件夹
npm install
npm run dev
就可以启动项目了
网友评论