From bae56a147be85be57ad1c64e9766c9aca750d187 Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期二, 04 三月 2025 16:04:12 +0800
Subject: [PATCH] 2025-03-04
---
src/components/footer.vue | 161 +++++++++++++++++++++++++++++++++++------------------
1 files changed, 106 insertions(+), 55 deletions(-)
diff --git a/src/components/footer.vue b/src/components/footer.vue
index 5e74088..b8d9ebe 100644
--- a/src/components/footer.vue
+++ b/src/components/footer.vue
@@ -2,22 +2,18 @@
<div class="footer">
<div class="wrapper">
<div class="footer_left">
- <img src="../img/ming.png" alt />
- <h3>鍖椾含鏄庣鏅崕淇℃伅鎶�鏈湁闄愬叕鍙�</h3>
- <h2>甯姪浼佷笟瀹屾垚涓浗鏅洪�犲崌绾�</h2>
- <div class="footer_bottom_icon22">
- <el-popover placement="top" width="150" trigger="hover" v-model="visible">
- <img src="../img/weixin.png" alt="">
- <img src="../img/wei.png" slot="reference" alt style="margin-right: 0.16rem;" />
- </el-popover>
- <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=2529499151&site=qq&menu=yes">
- <img src="../img/QQ.png" alt />
- </a>
- </div>
+ <h3><img src="../img/ming.png" alt />鍖椾含鏄庣鏅崕淇℃伅鎶�鏈湁闄愬叕鍙�</h3>
<p class="footer_left_address">鍖椾含甯傛湞闃冲尯寤哄浗璺�88鍙稴OHO鐜颁唬鍩�2鍙锋ゼ29灞�</p>
- <p class="footer_left_address">鍖椾含甯傞�氬窞鍖烘柊鍗庡寳琛�156鍙蜂繚鍒╁ぇ閮芥眹6-808</p>
- <p class="footer_left_address">浜琁CP澶�12007830鍙�</p>
- <p style="color:#999999" class="m_hide">鎶�鏈敮鎸侊細<a href="http://www.qlzhx.com" target="_blank" style="color:#999999">榻愬姏浼椾俊</a></p>
+ <p class="footer_left_address">鍖椾含甯傞�氬窞鍖烘花鎯犲寳涓�琛�3鍙烽櫌鏂板厜澶т腑蹇�8B搴�3107</p>
+ <p class="footer_left_address"><a href="http://beian.miit.gov.cn/" target="_blank">浜琁CP澶�12007830鍙�</a></p>
+ <p class="footer_left_address">
+ <a href="https://www.cnzz.com/stat/website.php?web_id=1279630927" style="margin-right: 20px;" target="_blank" title="绔欓暱缁熻"><img border="0" hspace="0" vspace="0" src="https://icon.cnzz.com/img/pic.gif"></a>
+ <!-- <a href="https://www.51.la/?comId=4874247" title="51.La 缃戠珯娴侀噺缁熻绯荤粺" target="_blank"><span class="la">51La</span></a> -->
+ <a href="http://exmail.qq.com/login" style="margin-right: 20px;" target="_blank" >浼佷笟閭</a>
+ <a href="https://cli.im/" style="margin-right: 20px;" target="_blank" >鐢熸垚浜岀淮鐮�</a>
+ <a href="http://www.qinms.com/webapp/barcode/index.aspx" style="margin-right: 20px;" target="_blank" >鐢熸垚鏉″舰鐮�</a>
+ <a href="http://crm.mk9h.cn/index.html" target="_blank" >crm</a>
+ </p>
</div>
<div class="footer_right">
<h3 class="m_hide">鑱旂郴鎴戜滑</h3>
@@ -36,22 +32,24 @@
<span class="m_hide">400-189-1819</span>
<span class="p_hide"><a href="tel:400-189-1819" style="color:#fff">400-189-1819</a></span>
</p>
+ <p class="footer_right_website">
+ <span>APP涓嬭浇锛�</span>
+ <a class="download" href="https://cloud.mk9h.cn/Content/app/app-release.rar" style="margin-left: 15px;margin-right: 20px;color: #ffffff;" target="_blank">Android<span class="app">涓嬭浇</span></a>
+ <a class="download" href="https://apps.apple.com/cn/app/%E6%98%8E%E7%A7%91%E4%BA%91/id1584460977" style="margin-right: 20px;color: #ffffff;" target="_blank">ios<span class="app">涓嬭浇</span></a>
+ </p>
</div>
</div>
<div class="footer_bottom">
- <div class="footer_bottom_icon">
- <el-popover placement="top" width="150" trigger="click" v-model="visible2">
- <img src="../img/weixin.png" alt="">
- <img src="../img/wei.png" slot="reference" alt style="margin-right: 0.16rem;" />
- </el-popover>
- <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=2529499151&site=qq&menu=yes">
- <img src="../img/QQ.png" alt />
- </a>
- </div>
<p>鍖椾含甯傛湞闃冲尯寤哄浗璺�88鍙稴OHO鐜颁唬鍩�2鍙锋ゼ29灞�</p>
<p>鍖椾含甯傞�氬窞鍖烘柊鍗庡寳琛�156鍙蜂繚鍒╁ぇ閮芥眹6-808</p>
- <p>浜琁CP澶�12007830鍙�</p>
- <div style="color:#fff;text-align: center;font-size:0.24rem;padding-bottom:0.5rem">鎶�鏈敮鎸侊細<a href="http://www.qlzhx.com" target="_blank" style="color:#fff">榻愬姏浼椾俊</a></div>
+ <p><a href="http://beian.miit.gov.cn/" target="_blank">浜琁CP澶�12007830鍙�</a></p>
+ <p>
+ <a href="https://www.51.la/?comId=4874247" title="51.La 缃戠珯娴侀噺缁熻绯荤粺" target="_blank"><span class="la">51La</span></a>
+ <a href="http://exmail.qq.com/login" style="margin-right: 20px;" target="_blank" >浼佷笟閭</a>
+ <a href="https://cli.im/" style="margin-right: 20px;" target="_blank" >鐢熸垚浜岀淮鐮�</a>
+ <a href="http://www.qinms.com/webapp/barcode/index.aspx" style="margin-right: 20px;" target="_blank" >鐢熸垚鏉″舰鐮�</a>
+ <a href="http://crm.mk9h.cn/index.html" target="_blank" >crm</a>
+ </p>
</div>
</div>
</template>
@@ -63,6 +61,13 @@
visible: false,
visible2: false
}
+ },
+ mounted () {
+ // let _hmt = _hmt || []
+ // let hm = document.createElement('script')
+ // hm.src = 'https://hm.baidu.com/hm.js?606321be5b903a6701a35388580dfa72'
+ // let s = document.getElementsByTagName('script')[0]
+ // s.parentNode.insertBefore(hm, s)
}
}
</script>
@@ -70,7 +75,7 @@
.footer {
background: #171717;
display: flex;
- padding: 0.3rem 1rem 0.2rem;
+ padding: 0.1rem 1rem 0.2rem;
}
.footer_left {
float: left;
@@ -80,21 +85,25 @@
color: #ffffff;
}
h2 {
- font-size: 0.3rem;
+ font-size: 0.2rem;
color: #999999;
+ margin-bottom: 0.1rem;
}
.footer_left_icon {
margin: 0.62rem 0 0.47rem 0;
}
.footer_left_address {
- color: #999999;
+ color: #ffffff;
font-size: 0.14rem;
line-height: 0.3rem;
+ a {
+ color: #ffffff;
+ }
}
}
.footer_right {
float: right;
- margin-top: 0.35rem;
+ margin-top: 0.3rem;
h3 {
font-size: 0.24rem;
color: #fff;
@@ -102,12 +111,27 @@
}
.footer_right_website {
color: #fff;
- margin-top: 0.2rem;
+ margin-top: 0.1rem;
font-size: 0.14rem;
+ .app {
+ display: none;
+ }
}
}
.footer_bottom {
display: none;
+ }
+ .la {
+ display: inline-block;
+ background-color:#FF7043;
+ color:#fff;
+ padding: 0px 5px;
+ font-family: arial;
+ font-size: 12px;
+ font-weight: bold;
+ line-height: 20px;
+ height: 20px;
+ margin-right: 10px;
}
@media all and (min-width: 751px) {
.footer_img {
@@ -118,8 +142,19 @@
.footer_right_website22 {
margin-left: 0.75rem;
}
- .footer_left h3 {
- margin-bottom: 0.1rem;
+ .footer_left {
+ margin-top: 0;
+ h3 {
+ margin-bottom: 0.1rem;
+ margin-left: -0.28rem;
+ img {
+ width: 0.28rem;
+ margin-top: -0.02rem;
+ }
+ }
+ }
+ .footer_right {
+ margin-top: 0.1rem;
}
.footer_bottom_icon22 {
margin: 0.2rem 0;
@@ -127,8 +162,26 @@
}
@media (max-width: 750px) and (min-width: 0) {
- .footer_left h3 {
- margin-bottom: 0.2rem;
+ .footer {
+ display: block;
+ padding: 0.1rem 0 0;
+ }
+ .footer_left {
+ text-align: center;
+ h3 {
+ font-size: 0.34rem;
+ margin-bottom: 0.2rem;
+ img {
+ width: 0.4rem;
+ margin-top: -0.05rem;
+ }
+ }
+ h2 {
+ font-size: 0.30rem;
+ }
+ .footer_left_address {
+ display: none;
+ }
}
.footer_bottom_icon22 {
display: none;
@@ -136,26 +189,14 @@
.footer_img {
width: 0.27rem;
height: 0.27rem;
- float: left;
margin-right: 0.2rem;
- margin-top: 0.1rem;
- }
- .footer {
- padding: 0.5rem 0 0;
+ margin-top: -0.1rem;
}
.footer_left, .footer_right {
float: none;
}
- .footer_left {
- text-align: center;
- h3, h2 {
- font-size: 0.34rem;
- }
- .footer_left_address {
- display: none;
- }
- }
.footer_right {
+ margin-top: 0.1rem;
h3 {
font-size: 0.34rem;
text-align: center;
@@ -176,15 +217,23 @@
span:last-child {
font-size: 0.3rem;
}
+ .download {
+ display: inline-block;
+ font-size: 0.3rem;
+ margin-top: 5px;
+ margin-left: 0!important;
+ }
+ .app {
+ display: inline-block!important;
+ }
}
}
- .footer {
- display: block;
- }
+
.footer_bottom {
display: block;
background: #252525;
- margin-top: 0.5rem;
+ margin-top: 0.15rem;
+ padding-top: 0.15rem;
.footer_bottom_icon {
padding: 0.35rem 0;
text-align: center;
@@ -199,10 +248,12 @@
font-size: 0.24rem;
line-height: 0.4rem;
color: #fff;
+ a {
+ color: #ffffff;
+ }
}
p:last-child {
- margin-top: 0.3rem;
- padding-bottom: 0.6rem;
+ padding-bottom: 0.2rem;
}
}
}
--
Gitblit v1.8.0