修改导航

admin/src/assets/css/product.css

@@ -14,11 +14,12 @@
 .about-background {
     /*height: 304px;*/
     /*width: 100%;*/
-    width: 100%;
-    height: 700px;
+    height: 810px;
     background-image: url(../images/about_back.png);
     background-repeat: no-repeat;
-    background-position: top;
+    background-position: center center;
+
+
 
 }
 
@@ -27,10 +28,13 @@
     /*width: 100%;*/
     width: 100%;
     height: 550px;
+
     background-image: url(../images/develop.png);
     background-repeat: no-repeat;
-    background-position: top;
-    background-size: 100% 550px;
+    background-position: center center;
+    background-size: cover;
+
+
 
 }
 

admin/src/views/portal/AboutView.vue

@@ -6,9 +6,9 @@
       </div>
     </div>
 
-    <div class="section" style="width: 100%;margin-top: -100px">
-      <div  class="about-background" style="width: 100%">
-        <div style="width: 500px;margin-left: 100px" >
+    <div class="section" style="width: 100%;margin-top: -100px;">
+      <div  class="about-background" style="width: 100%;">
+        <div style="width: 560px;margin-left: 10%;" >
           <br/>
           <br/>
           <br/>
@@ -25,17 +25,19 @@
       </div>
 
 
-      <div class="section" style="width: 100% ;margin-top: 100px" >
-        <div  class="about-background_bottom"  style="width: 100%">
+      <div class="section" style="width: 100% ;margin-top: 100px;" >
+        <div  class="about-background_bottom" style="width: 100%;background-color: red">
+        <div class="section--header">
+          <h5 class="section--title"> <strong style="font-size: 40px">发展历程</strong></h5>
+          <p class="section--description" style="margin-top: -10px">
+            DEVELOPMENT HISTORY</p>
 
-          <div class="section--header" style="margin-top: -120px">
-            <h5 class="section--title"> <strong style="font-size: 40px">发展历程</strong></h5>
-            <p class="section--description" style="margin-top: -10px">
-              DEVELOPMENT HISTORY</p>
           </div>
 
         </div>
 
+<!--        <img src="@/assets/images/develop.png" style="width: 100%;z-index: 1;margin-top: -100px" alt="">-->
+
       </div>
 
     </div>

admin/src/views/portal/ProductDetailsView.vue

@@ -32,7 +32,7 @@
 						:src="photo"
 						@click="activePhoto = index"
 						:class="{'active': activePhoto === index}"
-						:style="'background-image: url('+photo+')'">
+						:style="'background-image: url('+photo+');width:90%;object-fit: cover;'">
 					</div>
 				</div>
 			</div>