<template>
    <div class="ht-base-card-grid-demo">
        <ht-base-row>
            <ht-base-col span="8">
                <ht-base-card dis-hover :bordered="false">
                    <p slot="title">卡片标题</p>
                    <p class="card-content">卡片内容</p>
                </ht-base-card>
            </ht-base-col>
            <ht-base-col span="8">
                <ht-base-card dis-hover :bordered="false">
                    <p slot="title">卡片标题</p>
                    <p class="card-content">卡片内容</p>
                </ht-base-card>
            </ht-base-col>
            <ht-base-col span="8">
                <ht-base-card dis-hover :bordered="false">
                    <p slot="title">卡片标题</p>
                    <p class="card-content">卡片内容</p>
                </ht-base-card>
            </ht-base-col>
        </ht-base-row>
    </div>
</template>

<script>
  export default {
    name: 'HtBaseCardGridDemo',
  }
</script>
<style lang="less">
    .ht-base-card-grid-demo {
        .ht-base-row {
            background: #f5f5f5;
            padding: 30px;
            .ht-base-col {
                padding: 10px;
                .card-content {
                    line-height: 30px;
                    color: #595959;
                }
            }
        }
    }
</style>

