demo: https://taylorchen709.github.io/vue-admin/

To start

This is a project template for vue-cli

# install dependencies
npm install

# serve with hot reload at localhost:8081
npm run dev

# build for production with minification
npm run build

Folder structure

• build - webpack config files
• config - webpack config files
• dist - build
• src -your app
  • api
  • assets
  • common
  • components - your vue components
  • mock
  • styles
  • views - your pages
  • vuex
  • App.vue
  • main.js - main file
  • routes.js
• static - static assets

Theme

You can change theme by

1. Generate theme packages by https://elementui.github.io/theme-preview/#/
2. Put theme packages in src/assets/theme/
3. Edit src/main.js

   import 'element-ui/lib/theme-default/index.css'
   to
   import './assets/theme/your-theme/index.css'

4. Edit src/styles/vars.scss

Browser support

Modern browsers and IE 10+.

License

MIT

Home.vue v-show更新成v-if解决侧边栏伸缩问题