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

Card 组件增加 centered 属性 (#54)

Browse Source
This commit is contained in:
neverland 2017-07-18 10:01:00 +08:00 committed by 张敏
parent 97739c9026
commit 570cd24b6b
2 changed files with 5 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
docs/examples-docs/card.md
View File

@ -77,6 +77,7 @@ export default {
| thumb | 左侧图片 | `string` | | | | thumb | 左侧图片 | `string` | | |
| title | 标题 | `string` | | | | title | 标题 | `string` | | |
| desc | 描述 | `string` | | | | desc | 描述 | `string` | | |
| centered | 内容是否垂直居中 | `string` | `false` | |
### Slot ### Slot

6
packages/card/src/card.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<div :class="['van-card', { 'van-card--center': !$slots.footer }]"> <div :class="['van-card', { 'van-card--center': centered }]">
<div class="van-card__thumb"> <div class="van-card__thumb">
<slot name="thumb"> <slot name="thumb">
<img :src="thumb" class="van-card__img" /> <img :src="thumb" class="van-card__img" />
@ -21,10 +21,12 @@
<script> <script>
export default { export default {
name: 'van-card', name: 'van-card',
props: { props: {
thumb: String, thumb: String,
title: String, title: String,
desc: String desc: String,
centered: Boolean
} }
}; };
</script> </script>