ui/vant
1
0
Fork 0
mirror of https://github.com/youzan/vant.git synced 2025-10-22 03:44:48 +00:00
Code Issues Actions 5 Packages Projects Releases Wiki Activity

[new feature] Card: update style (#2307)

Browse Source
This commit is contained in:
rex
2018-12-17 12:55:24 +08:00
committed by neverland
parent 9268700d0c
commit e903a3b974
3 changed files with 74 additions and 66 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
packages/card/index.vue
View File

@@ -1,6 +1,7 @@
<template>
<div :class="b({ center: centered })">
<a
v-if="thumb || $slots.thumb"
:href="thumbLink"
:class="b('thumb')"
>
@@ -25,28 +26,33 @@
{{ tag }}
</van-tag>
</a>
<div :class="b('content')">
<div :class="b('left')">
<slot name="title">
<div
v-if="title"
:class="b('title')"
>
{{ title }}
</div>
</slot>
<slot name="desc">
<div
v-if="desc"
:class="[b('desc'), 'van-ellipsis']"
>
{{ desc }}
</div>
</slot>
<slot name="tags" />
</div>
<div :class="b('right')">
<div v-if="isDef(price)">{{ currency }} {{ price }}</div>
<slot name="title">
<div
v-if="title"
:class="b('title')"
>
{{ title }}
</div>
</slot>
<slot name="desc">
<div
v-if="desc"
:class="[b('desc'), 'van-ellipsis']"
>
{{ desc }}
</div>
</slot>
<slot name="tags" />
<div class="van-card__bottom">
<div
v-if="isDef(price)"
:class="b('price')"
>
{{ currency }} {{ price }}
</div>
<div
v-if="isDef(originPrice)"
:class="b('origin-price')"
@@ -61,6 +67,7 @@
</div>
</div>
</div>
<div
:class="b('footer')"
v-if="$slots.footer"