From 4e1cca0e3da79819fa3768402ce6a174aea5131f Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期日, 11 八月 2019 23:35:45 +0800
Subject: [PATCH] 2019-08-11
---
src/components/footer.vue | 83 ++++++++++++++++++-----------------------
1 files changed, 37 insertions(+), 46 deletions(-)
diff --git a/src/components/footer.vue b/src/components/footer.vue
index 5e74088..a3aee41 100644
--- a/src/components/footer.vue
+++ b/src/components/footer.vue
@@ -5,19 +5,9 @@
<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>
@@ -39,19 +29,9 @@
</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>
</template>
@@ -63,6 +43,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>
@@ -80,21 +67,22 @@
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;
}
}
.footer_right {
float: right;
- margin-top: 0.35rem;
+ margin-top: 0.3rem;
h3 {
font-size: 0.24rem;
color: #fff;
@@ -102,7 +90,7 @@
}
.footer_right_website {
color: #fff;
- margin-top: 0.2rem;
+ margin-top: 0.1rem;
font-size: 0.14rem;
}
}
@@ -127,8 +115,25 @@
}
@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;
+ img {
+ display: none;
+ }
+ h3 {
+ font-size: 0.34rem;
+ margin-bottom: 0.2rem;
+ }
+ h2 {
+ font-size: 0.30rem;
+ }
+ .footer_left_address {
+ display: none;
+ }
}
.footer_bottom_icon22 {
display: none;
@@ -136,26 +141,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;
@@ -178,13 +171,12 @@
}
}
}
- .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;
@@ -201,8 +193,7 @@
color: #fff;
}
p:last-child {
- margin-top: 0.3rem;
- padding-bottom: 0.6rem;
+ padding-bottom: 0.2rem;
}
}
}
--
Gitblit v1.8.0