首页屏保

src/assets/theme/layout.less

@@ -110,7 +110,7 @@ a.an:hover{
     height: 100px;
     // background: #8695b1;//导航背景色
     // padding: 30px 0;
-    background:  rgba(41, 73, 130, 0.5);
+    background:  rgba(33, 87, 183, 0.5);
     width: 100%;
     position: fixed;
     top: 0;
@@ -126,9 +126,18 @@ a.an:hover{
       max-width: 1400px;
       width: 80%;
       margin: 0 auto;
-      justify-content: space-evenly;
+      // justify-content: space-evenly;
       display: flex;
-
+      .woccupy{
+        max-width: 300px;
+        min-width: 100px;
+        width: 100%;
+      }
+      .menu-right{
+        display: flex;
+        justify-content: space-between;
+        flex: 1;
+      }
       .wx-div {
         // margin-left: 3rem;
         margin-left: 32px;
@@ -586,7 +595,8 @@ h3 {
       width: 100%;
       // height: 100%;
       overflow: hidden;
-      background-color: #294982;
+      // background-color: #294982;
+      background-color: #2157B7;
       .act {
         animation: scale 16s infinite;
         -webkit-animation:scale 16s infinite;
@@ -594,7 +604,7 @@ h3 {
         transition-timing-function :linear;
         z-index: -1;
         opacity: 0.5;
-        background: #294982;
+        background: #2157B7;
       }
 
       @keyframes scale {
@@ -637,8 +647,9 @@ h3 {
           // padding-left: 20%;
           // background-color: red;
           color: white;
-
+          font-size: 48px;
           img {
+            max-width: 780px;
             width: 31rem;
             // height: 59px;
           }
@@ -654,21 +665,6 @@ h3 {
             opacity: 1;
             margin: auto;
           }
-//1,4,8,13,16,20,  25---
-//3 ,4,5,3,4,
-//1,3,7,15,31   63---
-//  2,4,8,16,
-//1,4,27, "256"  ,3125---
-//"69",36,19,10,5,2 ---
-//   , 17,9,5 ,3   
-//   16 ,8,4,2
-// 2/3 , 1/2 ,2/5 ,1/3, 2/7  ""1/4
-// 2,1,2,1,2,
-//------------
-// 3,2,5,3,7,
-//2,2,2,2,2,2
-//-----------
-//3,4,5,6,7
 
 
     .k2 {
@@ -715,6 +711,29 @@ h3 {
           }
         }
       }
+      @media (min-width:1524px) {
+          .pa{
+            .kouhao{
+              .k1{
+                font-size: 48px;
+                width: 809px;
+                height: 64px;
+                font-family: Microsoft YaHei;
+                font-weight: bold;
+                color: #FFFFFF;
+                opacity: 1;
+              }
+              
+            }
+          }
+      }
+      @media (min-width:1540px) {
+        .k3{
+          span{
+            font-size: 30px;
+          }
+        }
+      }
     }
   }
   .ourproducts{
@@ -1666,7 +1685,7 @@ a.news {
 .productt .productt-content .pg-1 li {
   display: inline-block;
   // float: left;
-  margin-right: 60px;
+  margin-right: 30px;
   padding-bottom: 80px;
   // width: 392px;
   // height: 353px;
@@ -3667,12 +3686,12 @@ line-height: 48px;
         display: flex;
         justify-content: space-evenly;
         .pc1-problems-box{
-          height: 100%;
-          display: flex;
-          flex-direction: column;
+          // height: 100%;
+          // display: flex;
+          // flex-direction: column;
           .empty{
-            // max-height:192px ;
-            // height: 11.5rem;
+            max-height:192px ;
+            height: 11.5rem;
             min-height: 137px;
           }
           .img-size{
@@ -4114,7 +4133,7 @@ line-height: 48px;
       div{
         // font-size: 23px;
         // font-weight: 300;
-        text-indent: 46px;
+        text-indent: 32px;
 
         font-size: 16px;
         font-family: Microsoft YaHei;

src/layouts/default.vue

@@ -20,7 +20,9 @@
             v-if="menuShow"
           />
           <!-- icon是app端 是右上的关闭和菜单页面导航树 -->
-          <div class="menu" v-show="menuShow">
+          <div class="woccupy"></div>
+          <div class="menu-right"> 
+            <div class="menu" v-show="menuShow">
             <nuxt-link to="/" :class="{ cur: '/' == $nuxt.$route.path }"
               >首页</nuxt-link
             >
@@ -92,6 +94,7 @@
               >关于我们</nuxt-link
             >
           </div>
+          </div>
           <!-- <div class="wx-div">
             <img :src="wximg" alt="" @mouseover="over" @mouseout="leave" />
             <div>

src/pages/news/index.vue

@@ -456,8 +456,8 @@ export default {
 .btn-sum{
   margin-top: 60px;
   margin-bottom: 80px;
-  width: 100px;
-  height: 36px;
+  width: 140px;
+  height: 48px;
   background: #294982;
   opacity: 1;
   border-radius: 24px;
@@ -472,5 +472,7 @@ export default {
     opacity: 1;
   }
 }
-
+.btn-sum:hover{
+  background: #294982 !important;
+}
 </style>