mirror of
https://gitee.com/vant-contrib/vant.git
synced 2025-04-06 03:57:59 +08:00
d8b6ad7d54
* fix: Tabbar icon line-height * [new feature] progress add showPivot prop * [new feature] TabItem support vue-router * [new feature] update document header style * [Doc] add toast english ducoment * [new feature] add i18n support * feat: Extract demos from markdown * feat: Base components demos * [new feature] complete demo extract & translate * [fix] text cases * fix: add deepAssign test cases * fix: changelog detail * [new feature] AddressEdit support i18n
49 lines
1.3 KiB
Vue
49 lines
1.3 KiB
Vue
<template>
|
||
<div class="van-contact-list">
|
||
<van-radio-group :value="value" @input="$emit('input', $event)">
|
||
<van-cell-group>
|
||
<van-cell v-for="(item, index) in list" :key="item.id">
|
||
<van-radio :name="item.id" @click="$emit('select', item, index)">
|
||
<p class="van-contact-list__text">{{ $t('name') }}：{{ item.name }}</p>
|
||
<p class="van-contact-list__text">{{ $t('tel') }}：{{ item.tel }}</p>
|
||
</van-radio>
|
||
<van-icon name="edit" class="van-contact-list__edit" @click="$emit('edit', item, index)" />
|
||
</van-cell>
|
||
</van-cell-group>
|
||
</van-radio-group>
|
||
<van-cell icon="add" class="van-contact-list__add van-hairline--top" @click="$emit('add')" :title="addText || $t('addText')" isLink />
|
||
</div>
|
||
</template>
|
||
|
||
<script>
|
||
import Icon from '../icon';
|
||
import Cell from '../cell';
|
||
import Radio from '../radio';
|
||
import CellGroup from '../cell-group';
|
||
import RadioGroup from '../radio-group';
|
||
import { i18n } from '../locale';
|
||
|
||
export default {
|
||
name: 'van-contact-list',
|
||
|
||
mixins: [i18n],
|
||
|
||
components: {
|
||
[Icon.name]: Icon,
|
||
[Cell.name]: Cell,
|
||
[Radio.name]: Radio,
|
||
[CellGroup.name]: CellGroup,
|
||
[RadioGroup.name]: RadioGroup
|
||
},
|
||
|
||
props: {
|
||
value: {},
|
||
addText: String,
|
||
list: {
|
||
type: Array,
|
||
default: () => []
|
||
}
|
||
}
|
||
};
|
||
</script>
|