ui/vant
1
0
Fork 0
mirror of https://github.com/youzan/vant.git synced 2025-12-18 02:06:02 +08:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

[Improvement] component use bem mixin (#921)

Browse Source
This commit is contained in:
neverland
2018-04-24 11:53:06 +08:00
committed by GitHub
parent 86184e090e
commit b0f4096e88
14 changed files with 66 additions and 56 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
packages/contact-card/index.vue
View File

@@ -1,19 +1,19 @@
<template>
<div class="van-contact-card" :class="[`van-contact-card--${type}`, { 'van-contact-card--uneditable': !editable }]" @click="onClick">
<div class="van-contact-card__content">
<div :class="b([type, { uneditable: !editable }])" @click="onClick">
<div :class="b('content')">
<template v-if="type === 'add'">
<icon class="van-contact-card__icon" name="add2" />
<div class="van-contact-card__text">{{ addText || $t('addText') }}</div>
<icon :class="b('icon')" name="add2" />
<div :class="b('text')">{{ addText || $t('addText') }}</div>
</template>
<template v-else-if="type === 'edit'">
<icon class="van-contact-card__icon" name="contact" />
<div class="van-contact-card__text">
<icon :class="b('icon')" name="contact" />
<div :class="b('text')">
<div>{{ $t('contact') }}：{{ name }}</div>
<div>{{ $t('tel') }}：{{ tel }}</div>
</div>
</template>
</div>
<icon v-if="editable" class="van-contact-card__arrow" name="arrow" />
<icon v-if="editable" :class="b('arrow')" name="arrow" />
</div>
</template>