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: 68af86c9032cbaa2b389f08c1df647725f6bc123 [formerly 763e4c0481a05ddb4ca529d608dd443bbcae13a8] [formerly 68af86c9032cbaa2b389f08c1df647725f6bc123 [formerly 763e4c0481a05ddb4ca529d608dd443bbcae13a8] [formerly 68af86c9032cbaa2b389f08c1df647725f6bc123 [formerly 763e4c0481a05ddb4ca529d608dd443bbcae13a8] [formerly 763e4c0481a05ddb4ca529d608dd443bbcae13a8 [formerly 588c55a9b3ac1572edd0bbb6138371a73c789863 [formerly b6b4304d4ca85bdbd43b1fecc769862c14576ab2]]]]]
Former-commit-id: 981b04291e9cc68583637f48cdf8a59f4a113963
Former-commit-id: 8af6a0ccd853085ebe08b6d4b26a198da1b58e8d
Former-commit-id: 966e733ac9698ac12ae75fb61c45ff820b395c8e [formerly d9992bf6c3f2009a01e1d984125cc987b59549a9]
Former-commit-id: b299c3722e4abb3cf1a1412971e268ac2824dfd0
Former-commit-id: 673d89b46b073169c60b655baefda4b4e78a05b8
Former-commit-id: 3c6bfac047adb007132947b99890a9a94169084c
Former-commit-id: 988f9ff01c1a70a11bff5217fc68426a754f9752
Former-commit-id: 4ca827fbb3632ba7430e4c80cc550fa2463b081d
This commit is contained in:
liyang
2018-07-02 12:26:40 +08:00
parent 56639abd2a
commit d908042712
4 changed files with 18 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/assets/style/theme/theme-base.scss
View File

@@ -213,10 +213,16 @@
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
// 隐形布局组件 这个组件不建议在有多页面导航的时候使用 不美观
// 隐形布局组件
.d2-container-ghost {
margin-right: 20px;
margin-bottom: 20px;
.d2-container-ghost-header {
border-top: none;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
margin-bottom: 20px;
}
}
}
}

9
src/assets/style/theme/theme.scss
View File

@@ -281,6 +281,15 @@
background: $theme-container-background-color;
}
}
// 隐形布局组件
.d2-container-ghost {
.d2-container-ghost-header {
border: $theme-container-border-outer;
&>.el-card__body {
background: $theme-container-header-footer-background-color;
}
}
}
}
}
}

2
src/components/core/d2-container/index.vue
View File

@@ -7,7 +7,7 @@
</el-card>
<!-- [ghost] 隐形的容器 -->
<div v-if="type === 'ghost'" class="d2-container-ghost">
<el-card v-if="$slots.header">
<el-card v-if="$slots.header" shadow="never" class="d2-container-ghost-header">
<slot name="header"/>
</el-card>
<slot/>

2
src/pages/demo/components/container/ghost-header.vue
View File

@@ -1,7 +1,7 @@
<template>
<d2-container type="ghost">
<template slot="header">header</template>
<el-card shadow="never" class="d2-mt" style="width: 50%;">
<el-card shadow="never" style="width: 50%;">
<d2-markdown :source="doc"/>
</el-card>
</d2-container>