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: 84ba823d7a8fd389d56cdb518ad478d7c678ebdc
Former-commit-id: e92662c67c8e56635fa0594d3789b9f27d014543
Former-commit-id: 5fd0969a162a05f3c9722c7c7bc20f84a250413a
This commit is contained in:
李杨
2018-03-10 23:23:13 +08:00
parent 40ac2c90dd
commit b98a43f829
5 changed files with 96 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/pages/demo/components/container/full-card.vue Normal file
View File

@@ -0,0 +1,8 @@
<template>
<Container type="full-card">
<template slot="header">
我是插入到 header 中的内容
</template>
<Markdown url="/static/markdownFiles/article/演示文章 - 长页面.md"></Markdown>
</Container>
</template>

7
src/pages/demo/components/container/ghost.vue Normal file
View File

@@ -0,0 +1,7 @@
<template>
<Container type="ghost">
<p style="margin-top: 0px;">这是一个隐形的页面容器</p>
<p>没有边界和背景颜色</p>
<p style="margin-bottom: 0px;">适合一些比较特殊的页面</p>
</Container>
</template>

8
src/pages/demo/components/container/normal.vue Normal file
View File

@@ -0,0 +1,8 @@
<template>
<Container>
<template slot="header">我是插入到 header 中的内容</template>
<p style="margin-top: 0px;">这是一个最基础的页面容器</p>
<p>它看起来像一个卡片</p>
<p style="margin-bottom: 0px;">它会将页面区域和导航区域区分开</p>
</Container>
</template>

72
src/router/menu/_business.js
View File

@@ -12,42 +12,42 @@ export const menu = {
// },
children: [
// 页面容器
{
title: '页面容器',
icon: 'window-restore',
children: [
{
title: '卡片',
icon: 'file-o',
path: 'container/normal',
name: 'demo-business-container-normal',
meta: {
requiresAuth: true
},
component: resolve => { require(['@/pages/demo/business/container/normal.vue'], resolve) }
},
{
title: '隐形',
icon: 'file-o',
path: 'container/ghost',
name: 'demo-business-container-ghost',
meta: {
requiresAuth: true
},
component: resolve => { require(['@/pages/demo/business/container/ghost.vue'], resolve) }
},
{
title: '撑满',
icon: 'file-o',
path: 'container/full-card',
name: 'demo-business-container-full-card',
meta: {
requiresAuth: true
},
component: resolve => { require(['@/pages/demo/business/container/full-card.vue'], resolve) }
}
]
}
// {
// title: '页面容器',
// icon: 'window-restore',
// children: [
// {
// title: '卡片',
// icon: 'file-o',
// path: 'container/normal',
// name: 'demo-business-container-normal',
// meta: {
// requiresAuth: true
// },
// component: resolve => { require(['@/pages/demo/business/container/normal.vue'], resolve) }
// },
// {
// title: '隐形',
// icon: 'file-o',
// path: 'container/ghost',
// name: 'demo-business-container-ghost',
// meta: {
// requiresAuth: true
// },
// component: resolve => { require(['@/pages/demo/business/container/ghost.vue'], resolve) }
// },
// {
// title: '撑满',
// icon: 'file-o',
// path: 'container/full-card',
// name: 'demo-business-container-full-card',
// meta: {
// requiresAuth: true
// },
// component: resolve => { require(['@/pages/demo/business/container/full-card.vue'], resolve) }
// }
// ]
// }
]
}

37
src/router/menu/_components.js
View File

@@ -11,6 +11,43 @@ export const menu = {
// name: ''
// },
children: [
// 页面容器
{
title: '页面容器',
icon: 'window-restore',
children: [
{
title: '卡片',
icon: 'file-o',
path: 'container/normal',
name: 'demo-components-container-normal',
meta: {
requiresAuth: true
},
component: resolve => { require(['@/pages/demo/components/container/normal.vue'], resolve) }
},
{
title: '隐形',
icon: 'file-o',
path: 'container/ghost',
name: 'demo-components-container-ghost',
meta: {
requiresAuth: true
},
component: resolve => { require(['@/pages/demo/components/container/ghost.vue'], resolve) }
},
{
title: '撑满',
icon: 'file-o',
path: 'container/full-card',
name: 'demo-components-container-full-card',
meta: {
requiresAuth: true
},
component: resolve => { require(['@/pages/demo/components/container/full-card.vue'], resolve) }
}
]
},
// 编辑器
{
title: '编辑器',