<template>
    <div class="ht-base-copyright">
        <div class="ht-base-text" v-if="!isGroup">
            <slot></slot>
        </div>
        <div class="ht-base-copyright-group" v-if="isGroup">
            <div class="copyright-content">
                <div class="ht-base-text">
                    <slot name="copyright"></slot>
                </div>
                <div class="ht-base-link">
                    <ul>
                        <li v-for="(item,index) in linkList" :key="index">
                            <a :href="item.href">{{item.linkName}}</a>
                        </li>
                        <div style="clear:both"></div>
                    </ul>
                    <ul>
                        <li v-for="(item,index) in loginList" :key="index">
                            <a :href="item.href">
                                <img :src="item.linkName">
                            </a>
                        </li>
                        <div style="clear: both;"></div>
                    </ul>
                    <div style="clear: both;"></div>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
    export default {
        name: 'HtBaseCopyright',
        props: {
            linkList: {
                type: Array,
                default: () => []
            },
            loginList: {
                type: Array,
                default: () => []
            },
            isGroup: {
                type: Boolean,
                default: false
            }
        }
    }
</script>
<style>
    .ht-base-copyright {
    }
</style>

