<template>
    <div class="ht-base-card-custom-border-none-demo">
        <div style="width: 360px;background:#eee;padding: 30px">
            <ht-base-card :bordered="false" style="width:300px" dis-hover>
                <ul class="demo-card-content">
                    <li>卡片内容</li>
                    <li>卡片内容</li>
                    <li>卡片内容</li>
                </ul>
            </ht-base-card>
        </div>
    </div>
</template>

<script>
    export default {
        name: 'HtBaseCardCustomBorderNoneDemo',
    }
</script>
<style lang="less">
    .ht-base-card-custom-border-none-demo {
        .demo-card-content {
            li {
                line-height: 30px;
                font-size: 14px;
                a {
                    color: #228EF8;
                }
            }
        }
    }
</style>

