Parcourir la source

'底部ui修改'

chending1994 il y a 5 ans
Parent
commit
a0f2a89a2a

BIN
assets/images/campus/active_bg_02.png


BIN
assets/images/index/logo_icon.png


BIN
assets/images/index/wechat.png


BIN
assets/images/index/wechat@2x.png


+ 4 - 4
components/home/footer.vue

@@ -51,7 +51,7 @@
 					<div class="content">
 						<ul>
 							<li>
-								<img src="~/assets/images/index/wechat.png" alt="" srcset="">
+								<img src="~/assets/images/index/wechat.png" alt="" srcset="~/assets/images/index/wechat.png 1x, ~/assets/images/index/wechat@2x.png 2x">
 								<div class="officle">
 									<p>逻辑狗</p>
 									<p>官方服务号</p>
@@ -116,7 +116,7 @@
 				width: 190px;
 				background: #FFFFFF;
 				border-radius: 10px;
-				opacity: 0.35;
+				opacity: 0.5;
 				img {
 					border-radius: 10px;
 					height: 60px;
@@ -177,8 +177,8 @@
 					}
 				}
 				img {
-					width: 45px;
-					height: 40px;
+					width: 57px;
+					height: 46px;
 				}
 			}
 			

+ 1 - 1
components/home/header.vue

@@ -172,7 +172,7 @@ export default {
 }
 
 .h-nav-logo img {
-  height: 38px;
+  height: 40px;
   margin: 0 16px 0 22px;
 }
 

+ 28 - 16
pages/campus/_type/index.vue

@@ -19,7 +19,7 @@
             <img src="~/assets/images/campus/icon_adderss@2x.png" alt="" srcset="">
             <div class="content-left-info">
               <div class="info-address">
-                <p>{{ town.area }}</p>
+                <p class="area">{{ town.area }}</p>
                 <p class="address">{{ town.address }}</p>
               </div>
               <p class="info-desc">
@@ -479,17 +479,14 @@ export default {
 @import "~static/common/style.sass";
 
 .container {
-  background: #f0f2f5;
+  // background: #f0f2f5;
 }
 
 .title-zh {
-  height: 81px;
-  line-height: 81px;
-  font-size: 58px;
+  font-size: 46px;
   font-family: PingFangSC-Semibold, sans-serif;
   font-weight: 600;
-  color: #000000;
-  letter-spacing: 1px;
+  color: #333333;
   text-align: center;
 }
 
@@ -513,7 +510,7 @@ export default {
 .town {
   padding: 190px 0 142px;
   .title-en {
-    top: -40px;
+    top: -38px;
     left: 50%;
     transform: translateX(-50%);
   }
@@ -521,9 +518,9 @@ export default {
     margin-top: 38px;
     .town-title {
       width: 230px;
-      height: 42px;
-      line-height: 42px;
-      font-size: 30px;
+      height: 40px;
+      line-height: 40px;
+      font-size: 28px;
       font-family: PingFangSC-Semibold, sans-serif;
       font-weight: 600;
       color:#262626;
@@ -538,9 +535,18 @@ export default {
           margin-left: 23px;
         }
         .info-address {
-          font-size: 16px;
-          color: #747576;
+          .area {
+            font-size: 16px;
+            font-family: PingFangSC-Medium, sans-serif;
+            font-weight: 500;
+            color: #747576;
+          }
           .address {
+            font-size: 16px;
+            font-family: PingFangSC-Regular, sans-serif;
+            font-weight: 400;
+            color: #747576;
+            line-height: 22px;
             margin-top: 8px;
           }
         }
@@ -560,12 +566,17 @@ export default {
             color: #262626;
             font-family:PingFangSC-Medium, sans-serif;
             font-weight:500;
-            margin-bottom: 4px;
+            margin-bottom: 6px;
+            font-size: 18px;
+            line-height: 25px;
           }
           .slogan {
-            color: #3475FC;
             font-family: PingFangSC-Regular, sans-serif;
+            font-size: 18px;
             font-weight: 400;
+            color: #3475FC;
+            line-height: 30px;
+            letter-spacing: 0.45px;
           }
         }
         img {
@@ -585,6 +596,7 @@ export default {
         z-index: 10;
         font-size: 0;
         img {
+          border-radius: 10px;
         }
       }
       .circle_top_r {
@@ -720,7 +732,7 @@ export default {
           font-size: 14px;
           font-family: PingFangSC-Regular, sans-serif;
           font-weight: 400;
-          color: #1F241E;
+          color: #333333;
           overflow : hidden;
           text-overflow: ellipsis;
           display: -webkit-box;

+ 3 - 1
pages/campus/index.vue

@@ -253,11 +253,13 @@ export default {
   position: relative;
   background-image: url('~assets/images/campus/header.png');
   background-repeat: no-repeat;
-  background-size: cover;
+  // background-size: cover;
+  background-size: 100% 100%;
   // height: 882px;
   height: 595px;
   // padding: 446px 0 0 302px;
   padding: 230px 0 0 15%;
+  background-position: center;
   span {
     font-size: 66px;
     font-family: PingFangSC-Semibold, sans-serif;

+ 20 - 16
pages/news/index.vue

@@ -141,24 +141,28 @@ export default {
 <style lang="scss">
 @import "~static/common/style.sass";
 
-.banner {
-  background: url('~assets/images/news/header.png') 100% 100% no-repeat #ffffff;
-  height: 713px;
-  .banner-content {
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
-    height: 100%;
-    .title {
-      font-size: 80px;
-      font-weight: 500;
-      color: #FFFFFF;
-      line-height: 112px;
+.news {
+  .banner {
+    // background: url('~assets/images/news/header.png') 100% 100% center no-repeat #ffffff;
+    background-image: url('~assets/images/news/header.png');
+    background-repeat: no-repeat;
+    background-size: 100% 100%;
+    background-position: center;
+    height: 713px;
+    .banner-content {
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      align-items: center;
+      height: 100%;
+      .title {
+        font-size: 80px;
+        font-weight: 500;
+        color: #FFFFFF;
+        line-height: 112px;
+      }
     }
   }
-}
-.news {
   .news-main {
     margin-bottom: 116px;
   }

+ 4 - 0
pages/news/newsView/_id.vue

@@ -175,7 +175,9 @@ export default {
       font-weight: 400;
       color: #535F72;
       .info-item {
+        font-family: PingFangSC-Regular, sans-serif;
         margin-right: 42px;
+        font-size: 15px;
         .share {
           margin-left: 32px;
           font-size: 0;
@@ -192,7 +194,9 @@ export default {
     }
     article {
       color: #333330;
+      font-size: 16px;
       margin-top: 34px;
+      font-family: PingFangSC-Regular, sans-serif;
       p {
         font-size: 16px;
         font-weight: 400;