AppBottom.vue
4.63 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
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
<template>
<div class="footAll">
<div class="box" style="max-width: 90%">
<el-row style="align-items: center;" v-if="language==0">
<el-col :lg="10" :md="12" :xs="24">
<ul>
<li>邮编：214000</li>
<li>微信: 15606190026</li>
<li>QQ: 497118883</li>
<li>江苏省 无锡市太湖新城和风路与清舒交叉口东北100米</li>
</ul>
</el-col>
<el-col :lg="10" :md="12" :xs="24">
<ul style="text-align: right">
<li>客服及报障电话:15606190026</li>
<li>客服及报障邮箱: info@wdsfwuxicenter.com</li>
<li>
<!-- <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="4" :md="12" :xs="24">
<div>
<img class="mauto" src="/img/wb2.jpg"/>
<p class="text-center mt10">微博关注</p>
</div>
</el-col>
<el-col :span="24" style="border-top: 1px solid #fff">
<div class="text-center copyright pd10">版权所有@无锡和畅赛事运营有限公司
  
<a target="_blank" href="https://beian.miit.gov.cn/">ICP备案号：苏ICP备2023054420号-2</a></div>
</el-col>
</el-row>
<el-row style="align-items: center;" v-if="language==1">
<el-col :lg="14" :md="12" :xs="24">
<ul>
<li>Postal code：214000</li>
<li>Address：100 meters northeast of the intersection of Hefeng Road and Qingshu, the Taihu Lake New Town, Wuxi, Jiangsu</li>
</ul>
</el-col>
<el-col :lg="6" :md="12" :xs="24">
<ul style="text-align: right">
<li>Telephone:086-15606190026</li>
<li>E-mail:info@wdsfwuxicenter.com</li>
<li>
<!-- <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="4" :md="12" :xs="24">
<div>
<img class="mauto" src="/img/wb2.jpg"/>
<p class="text-center mt10">Weibo</p>
</div>
</el-col>
<el-col :span="24" style="border-top: 1px solid #fff">
<div class="text-center copyright pd10">Copyright@Wuxi Hechang Sports Operations Co., Ltd
  
<a target="_blank" href="https://beian.miit.gov.cn/">ICP：苏ICP备2023054420号-2</a></div>
</el-col>
</el-row>
</div>
</div>
<div class="fixed-right">
<a v-if="language==0" href="#" target="_blank"
onclick="javascript:window.open('https://ykf-weixin01.7moor.com/wapchat.html?accessId=6c500b60-02c6-11ef-9a4d-85cd5dacc5bf&fromUrl=&urlTitle=&language=ZHCN','_blank','height=700px,width=700px,top=50,left=0,toolbar=no,menubar=no,scrollbars=no, resizable=no,location=no, status=no')" title="客服" >
<img src="@/assets/logo/kf_c.png"/>
</a>
<a v-else target="_blank" href="#"
onclick="javascript:window.open('https://ykf-weixin01.7moor.com/wapchat.html?accessId=707daf80-02c6-11ef-9a4d-85cd5dacc5bf&fromUrl=&urlTitle=&language=EN','_blank','height=700px,width=700px,top=100,left=150,toolbar=no,menubar=no,scrollbars=no, resizable=no,location=no, status=no')" title="Live Chat">
<img class="kf" src="@/assets/logo/kf_e.png"/>
</a>
</div>
</template>
<script setup>
import {useStorage} from "@vueuse/core/index";
const language = useStorage('language', 0)
</script>
<style lang="scss" scoped>
.kf{width: 100px;cursor: pointer;
//animation: pop 2s infinite;
}
.fixed-right{position: fixed;right: 0;bottom: 200px;}
.copyright{ font-size: 14px;
opacity: 0.88;
color: #4C5359;}
.footAll{background: #E0E3E5;;padding: 36px 0 5px;
p{ font-size: 14px;
opacity: 0.88;
color: #4C5359;}
ul{list-style: none;
li{line-height: 30px;
font-size: 14px;
opacity: 0.88;
color: #4C5359;
a{margin-left: 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>