首页修改

src/assets/theme/layout.less

@@ -158,12 +158,12 @@ a.an:hover{
 
         >a {
           color: #FFFFFF;
-          font-weight: 500;
+          font-weight: 400;
           min-width: 154px;
           display: inline-block;
           text-align: center;
           position: relative;
-
+          font-size: 18px;
           .flexd {
             // color: #333333;
             color: #fff;
@@ -593,13 +593,14 @@ h3 {
     .pr {
       position: relative;
       width: 100%;
+      min-width: 1100px;
       // height: 100%;
       overflow: hidden;
       // background-color: #294982;
       background-color: #2157B7;
       .act {
-        animation: scale 16s infinite;
-        -webkit-animation:scale 16s infinite;
+        animation: scale 20s infinite;
+        -webkit-animation:scale 20s infinite;
         width: 100%;
         transition-timing-function :linear;
         z-index: -1;
@@ -617,17 +618,17 @@ h3 {
         // }
 
 
-        80% {
-          transform: scale(1.3);
-        }
+        // 80% {
+        //   transform: scale(1.3);
+        // }
         100%{
-          transform: scale(1.1);
+          transform: scale(1.6);
         }
       }
 
       .pa {
         position: absolute;
-        top: 0;
+        top: 37.04%;
         left: 0;
         bottom: 0;
         right: 0;
@@ -635,7 +636,7 @@ h3 {
         display: flex;
         align-items: center;
         justify-content: center;
-        padding-top: 22rem; 
+        // padding-top: 25rem; 
         
 
         .kouhao {
@@ -649,7 +650,7 @@ h3 {
           color: white;
           font-size: 48px;
           img {
-            max-width: 780px;
+            max-width: 809px;
             width: 31rem;
             // height: 59px;
           }
@@ -695,14 +696,18 @@ h3 {
             display: flex;
             justify-content: space-evenly;
             .triangle-left{
-              width: 31rem;
+              width: 26.66%;
               height: 2px;
               background: linear-gradient(297deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
               opacity: 1;
               border-radius: 0px;
+             
+            }
+            span{
+              padding: 0 20px;
             }
             .triangle-right{
-              width: 31rem;
+              width: 26.66%;
               height: 2px;
               background: linear-gradient(63deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
               opacity: 1;
@@ -718,10 +723,12 @@ h3 {
                 font-size: 48px;
                 width: 809px;
                 height: 64px;
+                line-height: 64px;
                 font-family: Microsoft YaHei;
                 font-weight: bold;
                 color: #FFFFFF;
                 opacity: 1;
+                margin-bottom: 24px;
               }
               
             }
@@ -729,8 +736,12 @@ h3 {
       }
       @media (min-width:1540px) {
         .k3{
+          div{
+            flex: 1;
+          }
           span{
             font-size: 30px;
+            padding:0 20px ;
           }
         }
       }
@@ -927,23 +938,15 @@ h3 {
 
       .info {
         text-indent: 36px;
-
-
         margin-top: 114px;
-
-
-        font-weight: 300;
+        line-height: 30px;
         color: #FFFFFF;
         opacity: 1;
-
-
         width: 291px;
         height: 133px;
         font-size: 18px;
         font-family: Microsoft YaHei;
         font-weight: 400;
-        color: #FFFFFF;
-        opacity: 1;
       }
       .ar{
         a{

src/pages/index.vue

@@ -15,9 +15,12 @@
                 <img style="width:48rem" src="/image/index/0001.png" alt="">
               </div>
               <div plain class="k3">
+                <p style="width:8%"></p>
                 <div class="triangle-left"></div>
                 <span>厚德载物 · 天道酬勤 · 诚信立身</span>
-               <div class="triangle-right"></div>
+                <div class="triangle-right"></div>
+                <p style="width:8%"></p>
+
               </div>
             </div>
           </div>
@@ -674,4 +677,7 @@ export default {
 .nuxt-link-exact-active{
   color: #707070;
 }
+.cur{
+  font-weight: bold !important;
+}
 </style>
\ No newline at end of file