vue前后端分离之美化页面

1.main.js 引入element-ui

import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
import NormailizeCss from 'normalize.css'
import 'vue-awesome/icons'
import Icon from 'vue-awesome/components/Icon'

Vue.use(ElementUI);
Vue.component('icon', Icon)

2.安装依赖库

cnpm i element-ui -S
cnpm i normalize.css -D
cnpm i vue-awesome -D

3.页面头


4.菜单



4.主框架





5.效果

vue前后端分离之美化页面_第1张图片

 

vue前后端分离之美化页面_第2张图片

你可能感兴趣的:(vue)