[Improvement] component use bem mixin (#921)

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
+6 -5
View File
@@ -1,20 +1,21 @@
<template>
<div class="van-contact-list">
<div :class="b()">
<radio-group :value="value" @input="$emit('input', $event)">
<cell-group>
<cell v-for="(item, index) in list" :key="item.id" is-link>
<radio :name="item.id" @click="$emit('select', item, index)">
<p class="van-contact-list__text">{{ $t('contact') }}{{ item.name }}</p>
<p class="van-contact-list__text">{{ $t('tel') }}{{ item.tel }}</p>
<p :class="b('text')">{{ $t('contact') }}{{ item.name }}</p>
<p :class="b('text')">{{ $t('tel') }}{{ item.tel }}</p>
</radio>
<icon slot="right-icon" name="edit" class="van-contact-list__edit" @click="$emit('edit', item, index)" />
<icon slot="right-icon" name="edit" :class="b('edit')" @click="$emit('edit', item, index)" />
</cell>
</cell-group>
</radio-group>
<cell
icon="add"
is-link
class="van-contact-list__add van-hairline--top"
:class="b('add')"
class="van-hairline--top"
:title="addText || $t('addText')"
@click="$emit('add')"
/>