AppBottom.vue
2.32 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
<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>