<!--
 * @Author: October 382756525@qq.com
 * @Date: 2022-08-01 20:53:48
 * @LastEditors: October 382756525@qq.com
 * @LastEditTime: 2022-11-08 23:21:11
 * @Description: 底部组件  
 * 
-->
<template>
  <div class="bottom flex flex-col">
    <div class="w-base py-[.3rem] flex justify-center items-center">
      <div class="el_left">
        <img src="../assets/bottoms-logo.png"/>
      </div>
      <div
        class="flex flex-col w-[3.25rem] text-[.14rem] text-white leading-[2em] footer"
      >
      <div class="el_fo1"> 
      <div class="el_footer"> 
     
        <p>© 2024 powered by成都数联物科信息技术有限公司</p>
      </div>
        <!-- <div class="w-full">
          <img src="@/assets/bottom-logo.png" alt="" class="w-full" />
        </div> -->

        <p class="el_p">地址-四川省成都市武侯商鼎国际2单元1栋1506</p>
        

        <a  class="el_p" href="https://beian.miit.gov.cn/#/Integrated/index" rel="nofollow noopener noreferrer" target="_blank">
          蜀ICP备2023028176号-1
        </a>
   
      </div>

        <div class="el_fo2"> 
          <span>友情链接：</span>
          <a  class="el_p" href="https://www.huitongys.com/" rel="nofollow noopener noreferrer" target="_blank">
          汇通运输
        </a>
          <a  class="el_p" href="http://www.cawd.org.cn/index.php/index/index1.html" rel="nofollow noopener noreferrer" target="_blank">
          中国仓储与配送协会
        </a>
        <a  class="el_p" href="http://www.chinawuliu.com.cn/" rel="nofollow noopener noreferrer" target="_blank">
          中国物流与采购联合会
        </a>
        <a  class="el_p" href="http://www.cawd.org.cn/index.php/index/index1.html" rel="nofollow noopener noreferrer" target="_blank">
          欧派家具
        </a>

        <a  class="el_p" href="http://www.cawd.org.cn/index.php/index/index1.html" rel="nofollow noopener noreferrer" target="_blank">
          志邦家具
        </a>

        <a  class="el_p" href="https://www.suofeiya.com/" rel="nofollow noopener noreferrer" target="_blank">
          索菲亚
        </a>

 
    </div>

      </div>
      <!-- <div
        class="w-[7rem] h-[1.95rem] border-r-2 border-l-2 border-white text-white px-[.3rem] flex flex-col justify-around"
      >
        <div class="">
          <p class="text-[.24rem]">友情链接</p>
          <p class="text-[.14rem]">link exchange</p>
        </div>
        <div class="flex justify-between flex-wrap text-[.14rem]">
          <section v-for="item of 12" class="text-write w-1/4 leading-[2.5em]">
            成都市应急管理局
          </section>
        </div>
      </div>
      <div>
        <img src="@/assets/erweima.png" alt="" class="w-[1.2rem] h-[1.5rem]" />
      </div> -->
    </div>
    <div class="border-t-2 border-white w-full"></div>
  </div>
</template>

<script setup lang="ts"></script>

<style lang="scss" scope>
.bottom {
  @apply w-full flex items-center;
  // height: 3.5rem;
  // background: url("@/assets/bottom-bg.jpg");
  background-color: #172e60;
  // position: absolute;
  // bottom: 0;
}
.footer{
  display: flex;
    width: 100%;
    align-items: center;
    flex-direction: column;
    align-items: flex-start
}
.el_footer{
  display: flex;
    align-items: center;
  img{
    width: 26px;
    height: 30px;
    margin-right: 4px;
  }
}
.el_p{
  margin:0 4px;
  display: flex;
    align-items: center;
}
.el_fo1{
  display: flex;
}
.el_fo2{
  width: 100%;
    display: flex;
    align-items: center;
}
.el_left{
  margin-right: 42px;
}

</style>
