<template>
<van-card
num="1234"
desc="Card描述"
title="Card标题"
price="10.99"
thumb="https://example.com/thumb.jpg"
/>
</template>
<script>
import { Card } from 'vant';
export default {
components: {
[Card.name]: Card,
},
};
</script>
在这个示例中,Card 组件的属性包括:
- num:卡片数量,用于展示数量信息。
- desc:卡片描述,用于展示描述信息。
- title:卡片标题,用于展示标题信息。
- price:卡片价格,用于展示价格信息。
- thumb:卡片缩略图,用于展示图片。
你可以根据实际需求添加其他属性或者定制样式。
转载请注明出处:http://www.pingtaimeng.com/article/detail/5772/Vant