<template>
    <div class="ht-base-card-moreconfiguration-demo">
        <ht-base-card dis-hover style="width: 300px;margin-top: 10px"
                      :action-icons="actionIcons">
            <img src="http://39.106.250.14:8082/base-components/static/SuCo_picture.png" slot="cover"/>
            <ht-base-card-meta title="卡片标题" avatar="http://39.106.250.14:8082/base-components/static/SuCo_user.svg">
                <ul class="card-meta-cont">
                    <li>卡片内容</li>
                    <li>卡片内容</li>
                    <li>卡片内容</li>
                </ul>
            </ht-base-card-meta>
        </ht-base-card>
    </div>
</template>

<script>
    export default {
        name: 'HtBaseCardMoreconfigurationDemo',
        data(){
            return{
                actionIcons: [
                    'LiRa_setup',
                    'LiRa_edit1',
                    'LiRa_more'
                ]
            }
        },
        methods:{
            iconClick(val){
                console.log(val)
            }
        }
    }
</script>
<style lang="less">
    .ht-base-card-moreconfiguration-demo{
        .card-meta-cont {
            li {
                font-size: 13px;
                line-height: 28px;
            }
        }
    }
</style>

