@cloud-ui/u-summary-card.vue

摘要卡片

Usage no npm install needed!

<script type="module">
  import cloudUiUSummaryCardVue from 'https://cdn.skypack.dev/@cloud-ui/u-summary-card.vue';
</script>

README

USummaryCard 摘要卡片

示例

基本用法

<u-summary-card>
    <u-summary-card-group title="配置信息">
        <u-summary-card-item label="计费方式">按量付费</u-summary-card-item>
        <u-summary-card-item label="实例类型">高可用版</u-summary-card-item>
        <u-summary-card-item label="存储空间">20GB</u-summary-card-item>
        <u-summary-card-item label="规格">1核 2GB</u-summary-card-item>
    </u-summary-card-group>
    <u-summary-card-group title="配置费用">
        0.543 元/小时
    </u-summary-card-group>
</u-summary-card>

API

Slots

(default)