<template>
    <div class="ht-base-copyright-group">
        <ht-base-row>
            <ht-base-col span="12">
                <div class="ht-base-text">
                    <slot name="Copyright"></slot>
                </div>
            </ht-base-col>
            <ht-base-col>
                <div class="ht-base-link">
                    <ul>
                        <li v-for="(i,index) in linkScript" :key="index">
                            <a :href="i.href">{{i.linkName}}</a>
                        </li>
                        <div style="clear:both"></div>
                    </ul>
                    <ul>
                        <li v-for="(item,index) in loginType" :key="index">
                            <a :href="item.href">
                                <img :src="item.linkName">
                            </a>
                        </li>
                        <div style="clear: both;"></div>
                    </ul>
                    <div style="clear: both;"></div>
                </div>
            </ht-base-col>
        </ht-base-row>
    </div>
</template>

<script>
  export default {
    name: 'HtBaseCopyrightGroup',
      props:{
          linkScript:{
              type:Array,
              default:[]
          },
          loginType:{
            type:Array,
            default: []
          }
      },
  }
</script>
<style lang="less">
    .ht-base-copyright-group {
        width: 100%;
        padding:15px;
        background-color: #464C5B;
        height: 60px;
        box-sizing: border-box;
        .ht-base-text{
            color: #BCBCBC;
            line-height: 30px;
            img{
                width:10px;height: 10px;
            }
        }
        .ht-base-link,.ht-base-login-type{
        ul{
            float: left;
            padding: 0 3px;
            line-height: 30px;
        }
            ul>li{
                float: left;
                list-style: none;
                padding: 0 3px;
                a{
                    color: #BCBCBC;
                    img{
                        width:30px;height: 30px;
                    }
                }
                a:focus{
                    text-decoration: none
                }
            }
        }
    }
</style>

