sheng/mes-ui-d2
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

no message

Browse Source 
Former-commit-id: 6034114d23d7abc6ef39e10e4de88a17b23ce8a8
Former-commit-id: 368f77194337643e3767733f5ac6ce9cf0f822bf
Former-commit-id: 6360de2bc9174267c8d5cc970325eca904e3d14f
This commit is contained in:
李杨
2018-03-21 08:42:44 +08:00
parent 5e7c387cd1
commit 0cedf9ab6f
7 changed files with 106 additions and 56 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
src/assets/image/logo/w500-plugin.png.REMOVED.git-id Normal file
View File

@@ -0,0 +1 @@
034d09d06595686f48853fee7b6ccf7d6d07108d

4
src/components/core/CardFull/index.vue
View File

@@ -1,6 +1,6 @@
<template>
<div class="dd-card-full" :style="cardStyle">
<div class="dd-card-full__header" ref="header">
<div v-if="$slots.header" class="dd-card-full__header" ref="header">
<slot name="header"></slot>
</div>
<div class="dd-card-full__body" :style="bodyStyle">
@@ -40,7 +40,7 @@ export default {
}
},
mounted () {
this.headerHeight = this.$refs.header.offsetHeight
this.headerHeight = this.$slots.header ? this.$refs.header.offsetHeight : 0
},
computed: {
cardStyle () {

38
src/components/demo/PageIndexArticle/index.vue Normal file
View File

@@ -0,0 +1,38 @@
<template>
<div class="page-index-body">
<img class="page-index-body__logo" src="@/assets/image/logo/w500.png">
<p class="page-index-body__title">这是D2Admin</p>
<p class="page-index-body__sub-title dd-mt-0">一个追求简洁和上手即用的前端模板</p>
</div>
</template>
<style lang="scss" scoped>
@import '~@/assets/style/public.scss';
.page-index-header {
overflow: hidden;
.page-index-header__title {
display: inline-block;
padding: 12px 20px;
}
}
.page-index-body {
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
display: flex;
flex-flow: column nowrap;
justify-content: center;
align-items: center;
.page-index-body__logo {
width: 200px;
}
.page-index-body__title {
color: $color-text-main;
}
.page-index-body__sub-title {
color: $color-text-sub;
}
}
</style>

1
src/components/demo/register.js
View File

@@ -8,3 +8,4 @@ Vue.component('SplitPane', SplitPane)
Vue.component('GithubLink', resolve => { require(['@/components/demo/GithubLink'], resolve) })
Vue.component('GithubLinkButton', resolve => { require(['@/components/demo/GithubLinkButton'], resolve) })
Vue.component('PageHeader', resolve => { require(['@/components/demo/PageHeader'], resolve) })
Vue.component('PageIndexArticle', resolve => { require(['@/components/demo/PageIndexArticle'], resolve) })

52
src/pages/core/index/index.vue
View File

@@ -1,55 +1,5 @@
<template>
<Container type="card-full">
<template slot="header">
<div class="page-index-header">
<div class="dd-fl">
<span class="page-index-header__title">
Welcome
</span>
</div>
<div class="dd-fr">
<el-button>
<Icon name="github"></Icon>
Github
</el-button>
</div>
</div>
</template>
<div class="page-index-body">
<img class="page-index-body__logo" src="@/assets/image/logo/w500.png">
<p class="page-index-body__title">欢迎你，朋友。这是D2Admin</p>
<p class="page-index-body__sub-title dd-mt-0">一个追求简洁和上手即用的前端模板</p>
</div>
<PageIndexArticle></PageIndexArticle>
</Container>
</template>
<style lang="scss" scoped>
@import '~@/assets/style/public.scss';
.page-index-header {
overflow: hidden;
.page-index-header__title {
display: inline-block;
padding: 12px 20px;
}
}
.page-index-body {
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
display: flex;
flex-flow: column nowrap;
justify-content: center;
align-items: center;
.page-index-body__logo {
width: 200px;
}
.page-index-body__title {
color: $color-text-main;
}
.page-index-body__sub-title {
color: $color-text-sub;
}
}
</style>

55
src/pages/demo/plugins/index/index.vue Normal file
View File

@@ -0,0 +1,55 @@
<template>
<Container type="card-full">
<template slot="header">
<div class="page-plugin-index-header">
<div class="dd-fl">
<span class="page-plugin-index-header__title">
插件
</span>
</div>
<div class="dd-fr">
<el-button>
<Icon name="github"></Icon>
Github
</el-button>
</div>
</div>
</template>
<div class="page-plugin-index-body">
<img class="page-plugin-index-body__logo" src="@/assets/image/logo/w500-plugin.png">
<p class="page-plugin-index-body__title">插件演示</p>
<p class="page-plugin-index-body__sub-title dd-mt-0">D2Admin 集成了许多实用插件</p>
</div>
</Container>
</template>
<style lang="scss" scoped>
@import '~@/assets/style/public.scss';
.page-plugin-index-header {
overflow: hidden;
.page-plugin-index-header__title {
display: inline-block;
padding: 12px 20px;
}
}
.page-plugin-index-body {
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
display: flex;
flex-flow: column nowrap;
justify-content: center;
align-items: center;
.page-plugin-index-body__logo {
width: 200px;
}
.page-plugin-index-body__title {
color: $color-text-main;
}
.page-plugin-index-body__sub-title {
color: $color-text-sub;
}
}
</style>

11
src/router/menu/_plugin.js
View File

@@ -7,10 +7,15 @@ export const menu = {
requiresAuth: true
},
component: resolve => { require(['@/components/core/MainLayout/index.vue'], resolve) },
// redirect: {
// name: 'demo-plugins-marked-readme'
// },
redirect: {
name: 'demo-plugins-index'
},
children: [
{
path: 'index',
name: 'demo-plugins-index',
component: resolve => { require(['@/pages/demo/plugins/index/index.vue'], resolve) }
},
// mock
{
title: '模拟数据',