在 Vant3 中,Card 组件用于创建卡片容器,用于展示信息或内容。以下是一个简单的使用示例:
<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