17pdf_front_end/layouts/components/FooterBar.vue

<!--
 * @Description: 
 * @Author: 欧阳承珺
 * @LastEditors: 欧阳承珺
 * @Date: 2022-10-17 15:19:18
 * @LastEditTime: 2022-10-27 19:26:15
-->
<template>
  <div class="footerbar bg-[#222] text-[#fff] text-opacity-50 px-15px">
    <div class="w-full text-14px flex pt-50px pr-60px pb-50px pl-30px footer:pr-180px footer:pl-90px">
      <div class="basis-[17.33%] px-15px">
        <img class="w-138px h-139px mb-10px" src="http://cn-file.17pdf.com/website/download/android_download.png" alt="">
        <p class="text-12px opacity-50">扫码即刻安装17PDF Reader</p>
      </div>
      <div class="basis-[11.83%] px-15px">
        <h4 class="text-18px my-10px text-white">产品</h4>
        <ul class="text-16px">
          <li class="mt-24px"><a class="hover:opacity-80" href="/pricing">订阅服务</a></li>
          <li class="mt-24px"><a class="hover:opacity-80" href="/sdk">SDK介绍</a></li>
        </ul>
      </div>
      <div class="basis-[11.83%] px-15px">
        <h4 class="text-18px my-10px text-white">帮助</h4>
        <ul class="text-16px">
          <li class="mt-24px"><a class="hover:opacity-80" href="/question">常见问题</a></li>
          <li class="mt-24px"><a class="hover:opacity-80" href="/privacy">隐私政策</a></li>
          <li class="mt-24px"><a class="hover:opacity-80" href="/terms">服务协议</a></li>
        </ul>
      </div>
      <div class="basis-[34.75%] px-15px">
        <h4 class="text-18px my-10px text-white">关于我们</h4>
        <ul class="mb-10px leading-20px">
            <li class="mt-24px">长沙凯钿软件有限公司（Changsha Kdan Software Ltd.），简称凯钿软件，成立于2009年，主要致力于办公软件开发。主要产品有PDF阅读器系列：PDF Reader、17PDF阅读器等，用户可以在不同设备上进行文件的读取，编辑等操作。同时长沙凯钿软件提供PDF文档阅读，注释，编辑，转档等SDK一站式解决方案。</li>
            <li class="mt-24px"><span>地 址&nbsp; ：</span><span>湖南省长沙市芙蓉区定王台街道建湘路393号长沙 世茂环球金融中心4707-4708号</span></li>
            <li class="mt-24px">备案号：<a class="cursor-pointer" href="https://beian.miit.gov.cn" rel="noreferrer" target="_blank">湘ICP备14006207号-4</a></li>
          </ul>
      </div>
      <div class="basis-[19.58%] px-15px">
        <div class="flex mt-10px justify-end">
          <img class="w-36px h-36px rounded-full mr-10px" src="http://cn-file.17pdf.com/website/index/ic_foot_phone_normal.png" />
          <div>
            <div class="text-18px leading-25px">0731-84225961</div>
            <div class="text-12px leading-17px">周一至周五09:00-18:00</div>
          </div>
        </div>  
        <div class="flex justify-end mt-15px" href="tencent://message/?uin=188917181&Site">
          <img class="w-36px h-36px rounded-full mr-10px" src="http://cn-file.17pdf.com/website/index/ic_foot_qq_normal.png" />
          <div class="pr-37px">
            <div class="text-18px leading-25px">188917181</div>
            <div class="text-12px leading-17px">客服群</div>
          </div> 
        </div>
      </div>
    </div>
    <div class="w-full flex justify-center pb-30px">
      <a href="http://wljg.csaic.gov.cn/1932/authority?key=2c41f2f0e0cb7a8aff016d7196632e71" target="_blank">
        <img src="~/assets/images/home/siteBase_cs.png" class="w-74px h-24px mr-20px" alt="亮照">
      </a>
      <p class="text-12px leading-24px">&copy;2018-{{ thisYear }}Build to Connect, Inc. All Rights Reserved.</p>
    </div>
  </div>
</template>

<script setup lang="ts">

const thisYear = new Date().getFullYear()

</script>