<template>
  <!--  yq-footer-bizroadshow.vue-->
  <footer style="background: #000c17">
    <div class="md:w-[768px] mx-auto xl:w-[1280px] mb-[0.2rem]">
      <div class="pt-[0.5rem] ml-[0.2rem] h-[0.77rem] w-[2.4rem] my-[0.51rem]">
        <!--        <img :src="local_url+'img/icon/logo.png'" class="h-[0.77rem] w-[2.4rem]"></div>-->
        <img :src="local_url+'img/BizRoadShow/组 1249@2x.png'" class=" w-full"></div>
    </div>

    <div
        class="container md:w-[768px] md:mx-auto xl:w-[1280px] mx-auto flex md:items-center lg:items-start md:flex-row md:flex-nowrap flex-wrap flex-col text-white py-[0.5rem] mt-[0.2rem]">
      <div
          class="w-full sm:w-1/3  flex-grow  flex flex-wrap flex-shrink-0 md:mx-0 mx-auto text-center md:text-left md:mt-0 mt-1">

        <!--        <div class="flex flex-col mr-[0.51rem] ">-->
        <!--          <img :src="local_url+'img/qrcode_demo.png'" class=" w-[1.41rem] h-auto rounded-[0.1rem] "-->
        <!--               style="-->
        <!--          background: rgba(255,255,255,0.39);-->
        <!--          border: 2px solid #009B96;-->
        <!--          border-radius: 4px;">-->
        <!--          <div class="text-center mt-0.5">關注摸摸台</div>-->
        <!--        </div>-->
        <!--        <div class=" flex flex-col md:ml-0 md:mr-2">-->
        <!--          <img :src="local_url+'img/qrcode_demo.png'" class=" w-[1.41rem] h-auto rounded-[0.1rem] "-->
        <!--               style="-->
        <!--          background: rgba(255,255,255,0.39);-->
        <!--          border: 2px solid #009B96;-->
        <!--          border-radius: 4px;">-->
        <!--          <div class="text-center mt-0.5">下載摸摸台APP</div>-->
        <!--        </div>-->
      </div>

      <div class="w-2/3 flex-grow flex flex-wrap text-left  sm:text-center order-first text-[0.18rem] text-white ">
        <div class="lg:w-1/4 md:w-1/2 w-full px-1 text-left">
          <h2 class="text-[0.2rem] mb-[0.26rem] text-white ">關於 Biz Road Show</h2>
          <nav class="list-none ">
            <li>
              <a class="hover:text-gray-800"> Biz Road Show的發展歷史</a>
            </li>
            <li>
              <a class="hover:text-gray-800"> Biz Road Show的來源</a>
            </li>
            <li>
              <a class="hover:text-gray-800">聯絡 Biz Road Show</a>
            </li>
            <li>
              <a class="hover:text-gray-800">聯絡我們</a>
            </li>
            <li>
              <a class="hover:text-gray-800">尋求合作</a>
            </li>
          </nav>
        </div>
        <div class="lg:w-1/4 md:w-1/2 w-full px-1 text-white  text-left">
          <h2 class="text-[0.2rem] mb-[0.26rem] text-white ">購物指南</h2>
          <nav class="list-none ">
            <li>
              <a class="hover:text-gray-800">熱門商品</a>
            </li>
            <li>
              <a class="hover:text-gray-800">今期特惠</a>
            </li>
            <li>
              <a class="hover:text-gray-800">商品分類</a>
            </li>
            <li>
              <a class="hover:text-gray-800">購物特集</a>
            </li>

          </nav>
        </div>
        <div class="lg:w-1/4 md:w-1/2 w-full px-1 text-white  text-left">
          <h2 class="text-[0.2rem] mb-[0.26rem] text-white ">會員服務與支援</h2>
          <nav class="list-none ">
            <li>
              <a class="hover:text-gray-800">會員登入</a>
            </li>
            <li>
              <a class="hover:text-gray-800">會員登記</a>
            </li>
            <li>
              <a class="hover:text-gray-800">會員優惠</a>
            </li>
            <li>
              <a class="hover:text-gray-800">積分商城</a>
            </li>
          </nav>
        </div>
        <div class="lg:w-1/4 md:w-1/2 w-full px-1 text-left">
          <h2 class="text-[0.2rem] mb-[0.26rem] ">資料查詢</h2>
          <nav class="list-none ">
            <li>
              <a class="hover:text-gray-800" href="/category/infos/">常見問題</a>
            </li>
            <li>
              <a class="hover:text-gray-800" href="/category/infos/">關於送貨</a>
            </li>
            <li>
              <a class="hover:text-gray-800" href="/category/infos/">關於退貨</a>
            </li>
            <li>
              <a class="hover:text-gray-800" href="/category/infos/">商戶政策</a>
            </li>
          </nav>
        </div>
      </div>
    </div>


    <div class=" md:w-[768px] md:mx-auto xl:w-[1280px]  text-white" style="background: #000c17;margin-bottom: 20px;">

      <div class="flex ">
        <div class="w-full ">Copy © 2022-2023 Biz Road Show All Rights Reserved</div>
        <!--  <div class="w-[3.9rem]  text-right sm:text-center">《法律聲明》《使用條款和隱私條例》</div>-->
      </div>
    </div>
  </footer>

</template>

<script>
module.exports = {
  props: {},
  methods: {}
}
</script>