alighasami/vant
1
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

[Improvement] add BEM helper mixin (#904)

Browse Source
This commit is contained in:
neverland
2018-04-22 11:33:54 +08:00
committed by GitHub
parent f92caf0e5c
commit 051116df4c
17 changed files with 132 additions and 111 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/card/index.vue
+16 -11
View File
@@ -1,32 +1,33 @@
<template>
<div class="van-card" :class="{ 'van-card--center': centered }">
<div class="van-card__thumb">
<div :class="b({ center: centered })">
<div :class="b('thumb')">
<slot name="thumb">
<img :src="thumb" class="van-card__img" >
<img :src="thumb" :class="b('img')" >
</slot>
</div>
<div class="van-card__content">
<div :class="b('content')">
<slot name="title">
<div class="van-card__row" v-if="title || price !== undefined">
<div v-if="title" class="van-card__title">{{ title }}</div>
<div v-if="price !== undefined" class="van-card__price">{{ currency }} {{ price }}</div>
<div :class="b('row')" v-if="title || isDef(price)">
<div v-if="title" :class="b('title')">{{ title }}</div>
<div v-if="isDef(price)" :class="b('price')">{{ currency }} {{ price }}</div>
</div>
</slot>
<slot name="desc">
<div class="van-card__row" v-if="desc || num !== undefined">
<div v-if="desc" class="van-card__desc">{{ desc }}</div>
<div v-if="num !== undefined" class="van-card__num">x {{ num }}</div>
<div :class="b('row')" v-if="desc || isDef(num)">
<div v-if="desc" :class="b('desc')">{{ desc }}</div>
<div v-if="isDef(num)" :class="b('num')">x {{ num }}</div>
</div>
</slot>
<slot name="tags" />
</div>
<div class="van-card__footer" v-if="$slots.footer">
<div :class="b('footer')" v-if="$slots.footer">
<slot name="footer" />
</div>
</div>
</template>
<script>
import { isDef } from '../utils';
import create from '../utils/create';
export default create({
@@ -43,6 +44,10 @@ export default create({
type: String,
default: '¥'
}
},
methods: {
isDef
}
});
</script>