dcc
2024-06-07 d5381ec06ab5f549fade867c3a874de613bdd5d4
src/page/c2cUser/components/UserCell.vue
@@ -1,38 +1,34 @@
<template>
  <div>
    <van-cell class="mb-28 items-center " @click.native="$emit('cell-click')">
    <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="">
        <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>
        <span class="mr-20 font-28" style="color: #a7adb8">{{ value }}</span>
      </template>
      <template #right-icon>
        <van-icon name="arrow" class="font-700" color="#868D9A"/>
        <van-icon name="arrow" class="font-700" color="#868D9A" />
      </template>
    </van-cell>
  </div>
</template>
<script>
import {
  Cell,
    Icon,
} from 'vant'
import { Cell, Icon } from "vant";
export default {
  name: "UserCell",
  props: ['leftImg', 'title', 'value'],
  props: ["leftImg", "title", "value"],
  components: {
    [Cell.name]: Cell,
    [Icon.name]:Icon,
  }
}
    [Icon.name]: Icon,
  },
};
</script>
<style scoped>
</style>