DP-57,feat:学院footer调整

2 years ago · 4e1f3ab9c1
4 changed files with 85 additions and 42 deletions
--- a/src/assets/css/base.css
+++ b/src/assets/css/base.css
@ -133,6 +133,9 @@ a:hover {
 .mlf12 {
  margin-left: 12px;
 }
+.mlf16 {
+  margin-left: 16px;
+}

 .mt20 {
  margin-top: 20px;
@ -146,6 +149,10 @@ a:hover {
  margin-bottom: 4px;
 }

+.mb8 {
+  margin-bottom: 8px;
+}
+
 .mb10 {
  margin-bottom: 10px;
 }
@ -170,7 +177,7 @@ a:hover {
  cursor: pointer;
 }
 .btn-008.border {
-  border:1px solid #0082fc;
+  border: 1px solid #0082fc;
 }

 .btn-008-big {
@ -255,7 +262,6 @@ a:hover {
  border-radius: 4px;
 }

-
 .fr-btn-jdy {
  background: #0db3a6;
  border-color: #0db3a6;
@ -564,12 +570,10 @@ a:hover {
  }
 }

-
 .right_hover {
  transition: all 0.3s;
  margin-right: 0px;
 }
-.base_arrow_right_hover:hover .right_hover{
+.base_arrow_right_hover:hover .right_hover {
  margin-right: -6px;
 }
-
--- a/src/assets/css/style.css
+++ b/src/assets/css/style.css
@ -37,23 +37,6 @@
    color: #ff3c23;
 }

-.footer {
-    color: #8a9099;
-    font-size: 12px;
-    line-height: 18px;
-    background: #191e28;
-    padding: 24px 0;
-    margin-top: 40px;
-}
-
-.footer a {
-    color: #8a9099;
-    text-decoration: none;
-}
-
-.footer a:hover {
-    color: #fff;
-}

 .pipe {
    margin: 0 6px;
--- a/src/components/Footer.vue
+++ b/src/components/Footer.vue
@ -4,21 +4,27 @@
    <div class="footer">
      <div class="deanfooter" id="deanfooter" style="margin-top:0">
        <div class="w1200">
-          <div style="text-align: right; line-height: 20px;">
-            <p>
-              <a href="https://bbs.fanruan.com/thread-135379-1-1.html" target="_blank">联系社区管理员</a><span
-                class="pipe">|</span><a href="https://www.fanruan.com/contactus/" rel="nofollow"
-                target="_blank">联系帆软</a><span class="pipe">|</span><a
-                href="https://bbs.fanruan.com/thread-102821-1-1.html" rel="nofollow" target="_blank">《帆软社区协议》</a><span
-                class="pipe">|</span><a href="https://bbs.fanruan.com/forum.php?mobile=yes" target="_blank">手机版</a><span
-                class="pipe">|</span><strong><a href="https://bbs.fanruan.com/" target="_blank">帆软社区</a></strong>
-            </p>
-            <p class="xs0" style="font-size: 12px;">
+          <div>
+
+            <div class="flex-1 mb8">
+              <img class="foot_logo" alt=""
+                src="data:image/png;base64,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">
+              <div class="foot_a">
+                <a class="foot_a_item" href="https://www.fanruan.com/privacy" target="_blank">隐私政策</a>
+                <a class="foot_a_item" href="https://bbs.fanruan.com/thread-102821-1-1.html" rel="nofollow" target="_blank">帆软用户协议</a>
+                <a class="foot_a_item" href="https://bbs.fanruan.com/thread-135379-1-1.html" rel="nofollow" target="_blank">联系管理员</a>
+                <a href="https://www.fanruan.com/support" target="_blank">联系帆软</a>
+              </div>
+            </div>
+
+            <div class="xs0">
              <span id="debuginfo">
                Copyright © <a href="https://www.fanruan.com/" target="_blank">帆软软件有限公司</a>
-                ( <a href="https://www.miitbeian.gov.cn/" target="_blank" rel="nofollow">苏ICP备18065767号-7</a> )
+                <span class="foot_a_item mlf16">版权所有</span>
+                <a href="https://beian.miit.gov.cn/#/Integrated/index">苏ICP备18065767号</a>
              </span>
-            </p>
+            </div>
+
          </div>
          <div class="clear"></div>
        </div>
@ -32,26 +38,76 @@
      <a class="acol808" href="https://www.fanruan.com">帆软软件有限公司</a>
      <span> 版权所有</span>
    </div>
-    <a class="acol808" href="https://beian.miit.gov.cn/#/Integrated/index">苏ICP备18065767号-7</a>
+    <a class="acol808" href="https://beian.miit.gov.cn/#/Integrated/index">苏ICP备18065767号</a>
  </div>

 </template>
 <style lang="scss">
-  .m-footr{
+  .footer {
+    height: 100px;
+    color: #8097ad;
+    font-size: 14px;
+    line-height: 18px;
+    background: #fff;
+    padding: 24px 0;
+    margin-top: 40px;
+    border-top: #CEDDF2 solid 1px;
+  }
+
+  .foot_logo {
+    width: 72px;
+    margin-right: 24px;
+  }
+
+  .foot_a {
+    margin-top: 2px;
+
+
+  }
+
+  .foot_a_item {
+    margin-right: 20px;
+    
+    &::after {
+      content: " ";
+      display: inline-block;
+      position: relative;
+      width: 1px;
+      height:14px;
+      background-color: #8097ad;
+      right: -10px;
+      top: 2px;
+    }
+  }
+
+  .footer a {
+    color: #8097ad;
+    text-decoration: none;
+  }
+
+  .footer a:hover {
+    color: #0082fc;
+  }
+
+  .m-footr {
    display: none;
    background-color: #fff;
+    border-top: #CEDDF2 solid 1px;
    text-align: center;
-    font-size: 12px;
+    font-size: 14px;
    padding: 14px 0;
-    color: #808696;
+    color: #8097ad;
    margin-top: 40px;
-    .footer_row{
+
+    .footer_row {
      padding-bottom: 8px;
    }
  }
-  .acol808{
+
+  .acol808 {
    color: #808696;
-    &:hover{
+
+    &:hover {
      color: #0082fc;
    }
  }
--- a/src/router.js
+++ b/src/router.js
@ -383,7 +383,7 @@ router.beforeEach((to, from, next) => {
  }
  window.fineClub.onLoginChange(callback);

-  // 本地开发 要确保passport.fanruan.com的登录uid和本地一致 否则会无线刷新
+  // 本地开发 要确保passport.fanruan.com的登录uid和本地一致 否则会无限刷新
  // if(!getUid()){
  //   callback({uid:73851});
  // }