基于element后台模板_基于vuejs2和element的管理模板

基于element后台模板

管理员 (vue-admin)

Admin template based on vuejs2 and element.

基于vuejs2和element的管理模板。

View demo 查看演示 Download Source 下载源

开始 (To start)

This is a project template for vue-cli

这是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

  构建-Webpack配置文件

• config - webpack config files

  config-webpack配置文件

• dist - build

  dist-建立

• src -your app

  src-您的应用

  • api
    api
  • assets
    资产
  • common
    共同
  • components - your vue components
    组件-您的vue组件
  • mock
    嘲笑
  • styles
    样式
  • views - your pages
    视图-您的页面
  • vuex
    威克斯
  • App.vue
    应用程序
  • main.js - main file
    main.js-主文件
  • routes.js
    routes.js

• static - static assets

  静态-静态资产

主题 (Theme)

You can change theme by

您可以通过以下方式更改主题

1. Generate theme packages by https://elementui.github.io/theme-preview/#/

   通过https://elementui.github.io/theme-preview/#/生成主题包

2. Put theme packages in src/assets/theme/

   将主题包放入src / assets / theme /

3. Edit src/main.js

   编辑src / main.js

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

1. Edit src/styles/vars.scss

   编辑src / styles / vars.scss

浏览器支持 (Browser support)

Modern browsers and IE 10+.

现代浏览器和IE 10+。

翻译自: https://vuejsexamples.com/admin-template-based-on-vuejs2-and-element/

基于element后台模板