1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
| <template>
| <div>
| <van-cell class="mb-28 items-center " @click.native="$emit('cell-click')">
| <template #icon>
| <img class="w-28 h-28 mr-34" :src="leftImg" alt="">
| </template>
| <template #title>
| <span class="text-black font-28">{{ title }}</span>
| </template>
| <template #default>
| <span class="mr-20 font-28" style="color: #A7ADB8">{{ value }}</span>
| </template>
| <template #right-icon>
| <van-icon name="arrow" class="font-700" color="#868D9A"/>
| </template>
| </van-cell>
| </div>
| </template>
|
| <script>
| import {
| Cell,
| Icon,
| } from 'vant'
|
| export default {
| name: "UserCell",
| props: ['leftImg', 'title', 'value'],
| components: {
| [Cell.name]: Cell,
| [Icon.name]:Icon,
| }
| }
| </script>
|
| <style scoped>
|
| </style>
|
|
