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
| <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>
|
|
