CzRger 1 year ago
parent
commit
e5dc82e9a1
3 changed files with 23 additions and 16 deletions
  1. BIN
      src/views/common/img/info-bg_pc.png
  2. BIN
      src/views/common/img/logo-bg_pc.png
  3. 23 16
      src/views/pc/index.vue

BIN
src/views/common/img/info-bg_pc.png


BIN
src/views/common/img/logo-bg_pc.png


+ 23 - 16
src/views/pc/index.vue

@@ -84,7 +84,7 @@ export default defineComponent({
       showInfo: false,
       infoCurrent: '',
       InfoMapper: infoMapper,
-      infoInput: ''
+      infoInput: '',
     });
 
     const toHref = (val: { href: string | URL | undefined }) => {
@@ -160,27 +160,29 @@ export default defineComponent({
       }
     }
     .pc-logo {
-      z-index: 2;
+      z-index: 3;
       position: absolute;
       top: 0;
       left: 0;
-      width: 1085px;
-      height: 147px;
-      background-image: url("../common/img/logo-bg.png");
+      width: 843px;
+      height: 112px;
+      background: url("../common/img/logo-bg_pc.png") 100% no-repeat;
       display: flex;
       align-items: center;
       >img {
-        margin: 0 30px 0 50px;
+        margin: 0 22px 0 55px;
+        width: 64px;
+        height: 64px;
       }
       .pc-logo-title {
         .pc-logo-title-cn {
-          font-size: 51px;
+          font-size: 38px;
           font-weight: bold;
           color: #FFFFFF;
-          margin-bottom: 19px;
+          margin-bottom: 14px;
         }
         .pc-logo-title-en {
-          font-size: 14px;
+          font-size: 10px;
           font-weight: 400;
           color: #FFFFFF;
         }
@@ -192,9 +194,9 @@ export default defineComponent({
       right: 0;
       top: 0;
       color: #ffffff;
-      background-image: url("../common/img/info-bg.png");
-      height: 70px;
-      width: 1366px;
+      background: url("../common/img/info-bg_pc.png") 100% no-repeat;
+      height: 68px;
+      width: 1320px;
       display: flex;
       align-items: center;
       .pc-info-block {
@@ -214,13 +216,18 @@ export default defineComponent({
         }
       }
       .pc-info-input {
-        margin-left: 57px;
-        width: 210px;
+        margin-left: 46px;
         height: 28px;
         border-radius: 14px;
+        &:focus {
+          width: 210px;
+        }
         $inputBgColor: #17396F;
         :deep(.el-input) {
-          width: 100%;
+          width: 54px;
+          &:focus-within {
+            width: 210px;
+          }
           height: 100%;
           background: $inputBgColor;
           border-radius: 14px;
@@ -247,7 +254,7 @@ export default defineComponent({
         font-size: 14px;
         font-weight: normal;
         color: #FFFFFF;
-        margin: 0 30px 0 10px;
+        margin: 0 22px 0 10px;
       }
     }
     .pc-href {