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

page-cover 组件

Browse Source 
Former-commit-id: 1c7a9323c6faf5cf2046f176833dc668f78f5091 [formerly 1c7a9323c6faf5cf2046f176833dc668f78f5091 [formerly 1c7a9323c6faf5cf2046f176833dc668f78f5091 [formerly 1c7a9323c6faf5cf2046f176833dc668f78f5091 [formerly 2bd6bb5978061d20a1b9244c6e4a97c36b499214 [formerly e43f80d87ad6033f0f12a0c3e35fba51fadfc9c9]]]]]
Former-commit-id: 4986c2a457914d72a6f8251c3c5a246e96af03f6
Former-commit-id: bce486936f4514827742f0587d06c2869fea3c1a
Former-commit-id: b2d7826795a8796635eaf9d4139505c95cdd3a39 [formerly 5a2ece477185aecf61fb6f51cedfe952c5eae170]
Former-commit-id: e5c2e61d135dbe1f25e264da0359e04cdbe0fcba
Former-commit-id: dab310bbdca3185a35a8c86df6c6eea45d355363
Former-commit-id: f54b5af99fdc64ef1e63c0644c6e5b4b3cbc5d54
Former-commit-id: 3419371806ba3fc0b4cdb67b517bccc605ab806f
Former-commit-id: b4d409ec88220afb290eeaac894537ed7837d386
This commit is contained in:
liyang
2018-07-19 17:19:10 +08:00
parent ca97c5ca4f
commit 7faa1126c8
1 changed files with 9 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
src/components/demo/d2-demo-page-cover/index.vue
View File

@@ -1,10 +1,10 @@
<template>
<div class="page-index-article-body">
<div class="page-index-article-body__logo">
<div class="page-cover">
<div class="page-cover__logo">
<slot/>
</div>
<p class="page-index-article-body__title">{{title}}</p>
<p class="page-index-article-body__sub-title d2-mt-0">{{subTitle}}</p>
<p class="page-cover__title">{{title}}</p>
<p class="page-cover__sub-title d2-mt-0">{{subTitle}}</p>
<a target="blank" href="https://github.com/d2-projects/d2-admin">
<img
style="position: absolute; top: 0; right: 0; border: 0; width: 150px;"
@@ -40,21 +40,22 @@ export default {
padding: 12px 20px;
}
}
.page-index-article-body {
.page-cover {
@extend %full;
@extend %unable-select;
display: flex;
flex-flow: column nowrap;
justify-content: center;
align-items: center;
.page-index-article-body__logo {
.page-cover__logo {
img {
width: 200px;
}
}
.page-index-article-body__title {
.page-cover__title {
color: $color-text-main;
}
.page-index-article-body__sub-title {
.page-cover__sub-title {
color: $color-text-sub;
}
}