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