bf-vue-admin
所属分类:android开发
开发工具:Vue
文件大小:0KB
下载次数:0
上传日期:2017-06-30 13:53:32
上 传 者:
sh-1993
说明: 基于Vue.js、muse ui及Material design的简单管理平台及拓展组件,
(Simple management platform and extension components based on Vue.js, muse ui and Material design,)
文件列表:
.eslintignore (23, 2017-06-30)
.eslintrc.js (642, 2017-06-30)
LICENSE (1066, 2017-06-30)
build/ (0, 2017-06-30)
build/build.js (953, 2017-06-30)
build/check-versions.js (1257, 2017-06-30)
build/dev-client.js (245, 2017-06-30)
build/dev-server.js (2518, 2017-06-30)
build/utils.js (1949, 2017-06-30)
build/vue-loader.conf.js (307, 2017-06-30)
build/webpack.base.conf.js (1690, 2017-06-30)
build/webpack.dev.conf.js (1225, 2017-06-30)
build/webpack.prod.conf.js (3883, 2017-06-30)
build/webpack.test.conf.js (831, 2017-06-30)
config/ (0, 2017-06-30)
config/dev.env.js (139, 2017-06-30)
config/index.js (1437, 2017-06-30)
config/prod.env.js (48, 2017-06-30)
config/test.env.js (132, 2017-06-30)
index.html (193, 2017-06-30)
package.json (3105, 2017-06-30)
source/ (0, 2017-06-30)
source/change_color.jpeg (160732, 2017-06-30)
source/form_view.jpeg (128148, 2017-06-30)
source/table_view.jpeg (66802, 2017-06-30)
source/wizard_view.jpeg (139912, 2017-06-30)
src/ (0, 2017-06-30)
src/App.vue (135, 2017-06-30)
src/assets/ (0, 2017-06-30)
src/assets/logo.png (6849, 2017-06-30)
src/assets/logo.svg (3989, 2017-06-30)
src/assets/right.svg (556, 2017-06-30)
src/components/ (0, 2017-06-30)
src/components/common/ (0, 2017-06-30)
src/components/common/dialog/ (0, 2017-06-30)
src/components/common/dialog/DialogView.vue (624, 2017-06-30)
src/components/common/dialog/FormModalView.vue (4781, 2017-06-30)
... ...
# bf-vue-admin
> Matieral design components for prophetech, which is based on [vue.js 2.1+](https://vuejs.org/v2/guide/), [muse-ui](http://www.muse-ui.org/#/install), etc.
## Build Setup
``` bash
# install dependencies
npm install
# serve with hot reload at localhost:8080
npm run dev
# build for production with minification
npm run build
# build for production and view the bundle analyzer report
npm run build --report
# run unit tests
npm run unit
# run e2e tests
npm run e2e
# run all tests
npm test
```
## What we do
### Admin framework
* To register a new panel group, for example:
```javascript
/* src/components/panels/virtual/panels.js */
import {PanelGroup} from '@/router/base'
import instancePanel from './instances/panel'
export default new PanelGroup('Virtual', [
instancePanel
], {
icon: 'tv',
slug: 'virtual'
})
/* src/router/index.js */
let dashboard = new Dashboard([
Overview, Physical, Virtual, Setting
])
```
* To register a new panel, for example:
```javascript
/* src/components/panels/virtual/instances/panel.js */
import {Panel} from '@/router/base'
import InstanceIndex from './index.vue'
import InstanceDetail from './detail.vue'
import InstanceCreate from './create.vue'
export default new Panel('Instances', {
name: 'virtual_instances',
path: '/home/virtual/instances',
component: InstanceIndex,
children: [{
path: '/home/virtual/instances/detail',
component: InstanceDetail
}, {
path: '/home/virtual/instances/post/create',
component: InstanceCreate
}]
})
```
### Change theme
See follow picture:
![Change color](/source/change_color.jpeg)
### Table view
**Attention: Table view is not ready now, and detail documents will post later.**
To define a table view:
```javascript
{{that.data[that.header.slug]}}
```
See actual effect:
![Table view](/source/table_view.jpeg)
### Form view
**Attention: Form view is not ready now, and detail documents will post later.**
To define a form view:
```javascript
```
See actual effect:
![Form view](/source/form_view.jpeg)
### Wizard view
**Attention: Wizard view is not ready now, and detail documents will post later.**
To define a wizard view:
```javascript
```
See actual effect:
![Wizard view](/source/wizard_view.jpeg)
近期下载者:
相关文件:
收藏者: