From ed58afaaa564c54d22a42593265addce08bd5850 Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期二, 16 七月 2019 12:09:26 +0800
Subject: [PATCH] format-code
---
src/components/footer.vue | 333 ++++++++++++++++++++++++++----------------------------
1 files changed, 161 insertions(+), 172 deletions(-)
diff --git a/src/components/footer.vue b/src/components/footer.vue
index a3abb62..5e74088 100644
--- a/src/components/footer.vue
+++ b/src/components/footer.vue
@@ -1,220 +1,209 @@
<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 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>
- <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>
+ <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>
</template>
<script>
export default {
- name: "Footer",
- data() {
- return {
- visible: false,
- visible2: false,
- }
+ name: 'Footer',
+ data () {
+ return {
+ visible: false,
+ visible2: false
}
-};
+ }
+}
</script>
<style lang="less" scoped>
-.footer {
+ .footer {
background: #171717;
display: flex;
padding: 0.3rem 1rem 0.2rem;
-}
-.footer_left {
+ }
+ .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.3rem;
+ color: #999999;
}
.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: #999999;
+ font-size: 0.14rem;
+ line-height: 0.3rem;
}
-}
-.footer_right {
+ }
+ .footer_right {
float: right;
margin-top: 0.35rem;
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.2rem;
+ font-size: 0.14rem;
}
-}
-.footer_bottom{
- display: none;
-}
-@media all and (min-width: 751px) {
+ }
+ .footer_bottom {
+ display: none;
+ }
+ @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;
- }
-}
+ .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;
+ @media (max-width: 750px) and (min-width: 0) {
+ .footer_left h3 {
+ margin-bottom: 0.2rem;
}
- .footer_bottom_icon22{
- display: none;
- }
+ .footer_bottom_icon22 {
+ display: none;
+ }
.footer_img {
- width: 0.27rem;
- height: 0.27rem;
- float: left;
- margin-right: 0.2rem;
- margin-top: 0.1rem;
+ width: 0.27rem;
+ height: 0.27rem;
+ float: left;
+ margin-right: 0.2rem;
+ margin-top: 0.1rem;
}
.footer {
- padding: 0.5rem 0 0;
+ padding: 0.5rem 0 0;
}
- .footer_left,
- .footer_right {
- float: none;
+ .footer_left, .footer_right {
+ float: none;
}
.footer_left {
- text-align: center;
- h3,
- h2 {
- font-size: 0.34rem;
- }
- .footer_left_address {
- display: none;
- }
+ text-align: center;
+ h3, h2 {
+ font-size: 0.34rem;
+ }
+ .footer_left_address {
+ display: none;
+ }
}
.footer_right {
- h3 {
- font-size: 0.34rem;
- text-align: center;
- margin-top: 0;
+ 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 span:first-child {
- display: none;
+ }
+ .footer_right_website {
+ padding-left: 1.2rem;
+ span:last-child {
+ font-size: 0.3rem;
}
- .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;
- }
- }
+ }
}
.footer {
- display: block;
+ display: block;
}
.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.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;
}
- p {
- text-align: center;
- font-size: 0.24rem;
- line-height: 0.4rem;
- color: #fff;
- }
- p:last-child {
- margin-top: 0.3rem;
- padding-bottom: 0.6rem;
- }
+ }
+ p {
+ text-align: center;
+ font-size: 0.24rem;
+ line-height: 0.4rem;
+ color: #fff;
+ }
+ p:last-child {
+ margin-top: 0.3rem;
+ padding-bottom: 0.6rem;
+ }
}
-}
+ }
</style>
--
Gitblit v1.8.0