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 | 402 +++++++++++++++++++++++++++++++-------------------------
1 files changed, 221 insertions(+), 181 deletions(-)
diff --git a/src/components/footer.vue b/src/components/footer.vue
index a3abb62..b8d9ebe 100644
--- a/src/components/footer.vue
+++ b/src/components/footer.vue
@@ -1,220 +1,260 @@
<template>
- <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>
- <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>
- </div>
- <div class="footer_right">
- <h3 class="m_hide">鑱旂郴鎴戜滑</h3>
- <p class="footer_right_website">
- <span class="m_hide">鍏徃瀹樼綉锛�</span>
- <img src="../img/add1.png" alt class="footer_img" />
- <span>www.minkesoft.com</span>
- </p>
- <p class="footer_right_website">
- <span>鍟嗗姟鍚堜綔锛�</span>
- <img src="../img/add2.png" alt class="footer_img" />
- <span>service@minkesoft.com</span>
- </p>
- <p class="footer_right_website footer_right_website22">
- <img src="../img/add3.png" alt class="footer_img" />
- <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>
- </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>
- </div>
+ <div class="footer">
+ <div class="wrapper">
+ <div class="footer_left">
+ <h3><img src="../img/ming.png" alt />鍖椾含鏄庣鏅崕淇℃伅鎶�鏈湁闄愬叕鍙�</h3>
+ <p class="footer_left_address">鍖椾含甯傛湞闃冲尯寤哄浗璺�88鍙稴OHO鐜颁唬鍩�2鍙锋ゼ29灞�</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>
+ <p class="footer_right_website">
+ <span class="m_hide">鍏徃瀹樼綉锛�</span>
+ <img src="../img/add1.png" alt class="footer_img" />
+ <span>www.minkesoft.com</span>
+ </p>
+ <p class="footer_right_website">
+ <span>鍟嗗姟鍚堜綔锛�</span>
+ <img src="../img/add2.png" alt class="footer_img" />
+ <span>service@minkesoft.com</span>
+ </p>
+ <p class="footer_right_website footer_right_website22">
+ <img src="../img/add3.png" alt class="footer_img" />
+ <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">
+ <p>鍖椾含甯傛湞闃冲尯寤哄浗璺�88鍙稴OHO鐜颁唬鍩�2鍙锋ゼ29灞�</p>
+ <p>鍖椾含甯傞�氬窞鍖烘柊鍗庡寳琛�156鍙蜂繚鍒╁ぇ閮芥眹6-808</p>
+ <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>
<script>
export default {
- name: "Footer",
- data() {
- return {
- visible: false,
- visible2: false,
- }
+ name: 'Footer',
+ data () {
+ return {
+ 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>
<style lang="less" scoped>
-.footer {
+ .footer {
background: #171717;
display: flex;
- padding: 0.3rem 1rem 0.2rem;
-}
-.footer_left {
+ padding: 0.1rem 1rem 0.2rem;
+ }
+ .footer_left {
float: left;
h3 {
- margin: 0.23rem 0 0.53rem;
- font-size: 0.24rem;
- color: #ffffff;
+ margin: 0.23rem 0 0.53rem;
+ font-size: 0.24rem;
+ color: #ffffff;
}
h2 {
- font-size: 0.3rem;
- color: #999999;
+ font-size: 0.2rem;
+ color: #999999;
+ margin-bottom: 0.1rem;
}
.footer_left_icon {
- margin: 0.62rem 0 0.47rem 0;
+ margin: 0.62rem 0 0.47rem 0;
}
.footer_left_address {
- color: #999999;
- font-size: 0.14rem;
- line-height: 0.3rem;
+ color: #ffffff;
+ font-size: 0.14rem;
+ line-height: 0.3rem;
+ a {
+ color: #ffffff;
+ }
}
-}
-.footer_right {
+ }
+ .footer_right {
float: right;
- margin-top: 0.35rem;
+ margin-top: 0.3rem;
h3 {
- font-size: 0.24rem;
- color: #fff;
- margin: 0.16rem 0 0.13rem 0;
+ font-size: 0.24rem;
+ color: #fff;
+ margin: 0.16rem 0 0.13rem 0;
}
.footer_right_website {
- color: #fff;
- margin-top: 0.2rem;
- font-size: 0.14rem;
+ color: #fff;
+ margin-top: 0.1rem;
+ font-size: 0.14rem;
+ .app {
+ display: none;
+ }
}
-}
-.footer_bottom{
- display: none;
-}
-@media all and (min-width: 751px) {
+ }
+ .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 {
- width: 0.18rem;
- margin-left: 0.1rem;
- vertical-align: middle;
+ width: 0.18rem;
+ margin-left: 0.1rem;
+ vertical-align: middle;
}
- .footer_right_website22{
- margin-left: 0.75rem;
- }
- .footer_left h3{
- margin-bottom: 0.1rem;
- }
- .footer_bottom_icon22{
- margin: 0.2rem 0;
- }
-}
-
-@media (max-width: 750px) and (min-width: 0) {
- .footer_left h3{
- margin-bottom: 0.2rem;
- }
- .footer_bottom_icon22{
- display: none;
- }
- .footer_img {
- width: 0.27rem;
- height: 0.27rem;
- float: left;
- margin-right: 0.2rem;
- margin-top: 0.1rem;
- }
- .footer {
- padding: 0.5rem 0 0;
- }
- .footer_left,
- .footer_right {
- float: none;
+ .footer_right_website22 {
+ margin-left: 0.75rem;
}
.footer_left {
- text-align: center;
- h3,
- h2 {
- font-size: 0.34rem;
+ margin-top: 0;
+ h3 {
+ margin-bottom: 0.1rem;
+ margin-left: -0.28rem;
+ img {
+ width: 0.28rem;
+ margin-top: -0.02rem;
}
- .footer_left_address {
- display: none;
- }
+ }
}
.footer_right {
- h3 {
- font-size: 0.34rem;
- text-align: center;
- margin-top: 0;
- }
- .footer_right_website span:first-child {
- display: none;
- }
- .footer_right_website:nth-child(2) {
- span:first-child {
- display: block;
- font-size: 0.28rem;
- margin: 0.58rem 0 0.38rem;
- }
- }
- .footer_right_website {
- padding-left: 1.2rem;
- span:last-child {
- font-size: 0.3rem;
- }
- }
+ margin-top: 0.1rem;
}
+ .footer_bottom_icon22 {
+ margin: 0.2rem 0;
+ }
+ }
+
+ @media (max-width: 750px) and (min-width: 0) {
.footer {
- display: block;
+ 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;
+ }
+ .footer_img {
+ width: 0.27rem;
+ height: 0.27rem;
+ margin-right: 0.2rem;
+ margin-top: -0.1rem;
+ }
+ .footer_left, .footer_right {
+ float: none;
+ }
+ .footer_right {
+ margin-top: 0.1rem;
+ h3 {
+ font-size: 0.34rem;
+ text-align: center;
+ margin-top: 0;
+ }
+ .footer_right_website span:first-child {
+ display: none;
+ }
+ .footer_right_website:nth-child(2) {
+ span:first-child {
+ display: block;
+ font-size: 0.28rem;
+ margin: 0.58rem 0 0.38rem;
+ }
+ }
+ .footer_right_website {
+ padding-left: 1.2rem;
+ 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_bottom {
- display: block;
- background: #252525;
- margin-top: 0.5rem;
- .footer_bottom_icon {
- padding: 0.35rem 0;
- text-align: center;
- border-bottom: 1px solid rgba(169, 207, 226, 0.17);
- margin-bottom: 0.24rem;
- span:first-child {
- margin-right: 0.3rem;
- }
+ display: block;
+ background: #252525;
+ margin-top: 0.15rem;
+ padding-top: 0.15rem;
+ .footer_bottom_icon {
+ padding: 0.35rem 0;
+ text-align: center;
+ border-bottom: 1px solid rgba(169, 207, 226, 0.17);
+ margin-bottom: 0.24rem;
+ span:first-child {
+ margin-right: 0.3rem;
}
- p {
- text-align: center;
- font-size: 0.24rem;
- line-height: 0.4rem;
- color: #fff;
+ }
+ p {
+ text-align: center;
+ font-size: 0.24rem;
+ line-height: 0.4rem;
+ color: #fff;
+ a {
+ color: #ffffff;
}
- p:last-child {
- margin-top: 0.3rem;
- padding-bottom: 0.6rem;
- }
+ }
+ p:last-child {
+ padding-bottom: 0.2rem;
+ }
}
-}
+ }
</style>
--
Gitblit v1.8.0