blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-06 03:57:59 +08:00
Code Issues Projects Releases Wiki Activity

feat(cli): DemoBlock add card style (#6702)

Browse Source
This commit is contained in:
neverland 2020-07-04 17:46:17 +08:00 committed by GitHub
parent f731b38cc7
commit 4aff784d65
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 11 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
packages/vant-cli/site/mobile/components/DemoBlock.vue
View File

@ -1,7 +1,10 @@
<template>
<div class="van-doc-demo-block">
<h2 class="van-doc-demo-block__title">{{ title }}</h2>
<slot />
<div v-if="card" class="van-doc-demo-block__card">
<slot />
</div>
<slot v-else />
</div>
</template>
@ -10,6 +13,7 @@ export default {
name: 'demo-block',
props: {
card: Boolean,
title: String,
},
};
@ -28,6 +32,12 @@ export default {
line-height: 16px;
}
&__card {
margin: 0 12px 0;
overflow: hidden;
border-radius: 8px;
}
&:first-of-type {
.van-doc-demo-block__title {
padding-top: 20px;