<template>
    <div class="ht-base-card-grid-embedding-demo">
        <ht-base-card dis-hover grid>
            <p slot="title">卡片标题</p>
            <ht-base-card-grid-embedding style="width: 25%;">
                <div>卡片内容</div>
            </ht-base-card-grid-embedding>
            <ht-base-card-grid-embedding style="width: 25%;">
                <div>卡片内容</div>
            </ht-base-card-grid-embedding>
            <ht-base-card-grid-embedding style="width: 25%;">
                <div>卡片内容</div>
            </ht-base-card-grid-embedding>
            <ht-base-card-grid-embedding style="width: 25%;">
                <div>卡片内容</div>
            </ht-base-card-grid-embedding>
            <ht-base-card-grid-embedding style="width: 25%;">
                <div>卡片内容</div>
            </ht-base-card-grid-embedding>
            <ht-base-card-grid-embedding style="width: 25%;">
                <div>卡片内容</div>
            </ht-base-card-grid-embedding>
            <ht-base-card-grid-embedding style="width: 25%;">
                <div>卡片内容</div>
            </ht-base-card-grid-embedding>
            <ht-base-card-grid-embedding style="width: 25%;">
                <div>卡片内容</div>
            </ht-base-card-grid-embedding>
        </ht-base-card>
    </div>
</template>

<script>
    export default {
        name: 'HtBaseCardGridEmbeddingDemo',
    }
</script>
<style lang="less">
    .ht-base-card-grid-embedding-demo {
    }
</style>

