AppBottom.vue 2.32 KB
<template>
  <div class="footAll">
    <div class="box" style="max-width: 90%">
      <el-row style="align-items: center;" v-if="language==0">
        <el-col :lg="12" :md="12" :xs="24">
          <ul>
            <li>
              <router-link to="/about">亚洲舞蹈大赛版权所有</router-link>
            </li>
            <li>
              <a target="_blank" href="https://beian.miit.gov.cn/">ICP备案号:京ICP备2022009428号-1</a>
              <a class="ffoot" target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010102004192">
                <img src="@/assets/v1/beian.png">
                京公网安备 11010102004192号</a>
            </li>
          </ul>
        </el-col>
        <el-col :lg="12" :md="12" :xs="24">
          <ul style="text-align: right">
            <li>地址:江苏省无锡市滨湖区体育中心A区201
            </li>
            <li>邮编:214000</li>
          </ul>
        </el-col>
      </el-row>
      <el-row style="align-items: center;" v-if="language==1">
        <el-col :lg="12" :md="12" :xs="24">
          <ul>
            <li>
              <router-link to="/about">All rights reserved WDSF ASIAN DANCESPORT FESTIVAL .WUXI 2024</router-link>
            </li>
            <li>
              Phone:  Miss Chang  +86 13921876678
            </li>
          </ul>
        </el-col>
        <el-col :lg="12" :md="12" :xs="24">
          <ul style="text-align: right">
            <li>Address:No.88 Qingshu Road,Economic and Development District, Wuxi City,Jiangsu Province,China
            </li>
            <li>Email: 8888989@163.com</li>
          </ul>
        </el-col>
      </el-row>
    </div>
  </div>
</template>

<script setup>
import { ref } from 'vue'
import cache from '@/plugins/cache'

const language = ref(cache.local.get('language') || 0)
</script>

<style lang="scss" scoped>
.footAll{background: #E0E3E5;;padding: 36px 0;
  ul{list-style: none;
    li{line-height: 30px;
      font-size: 14px;
      opacity: 0.88;
      color: #4C5359;
      a{margin-right: 15px;
        &:hover{text-decoration: underline;}
      }
    }
  }
  img{height: 80px;}
}
@media (max-width: 500px) {
  .forWei{display: none;}
}
.ffoot{display: inline-flex;
  img{width: 20px;height: 20px;display: inline-block;position: relative;top: 4px;margin-right: 4px;}
}
</style>