优化

src/components/homeHeader.vue

@@ -193,13 +193,14 @@ export default {
             display: flex;
             align-items: center;
             flex-wrap: wrap;
+            justify-content: space-between;
             .el-menu-item {
-              flex: 1;
+              // flex: 1;
               text-align: center;
               height: 80px;
               line-height: 80px;
               border-bottom: none;
-              padding: 0 0.6rem;
+              padding: 0 20px;
               position: relative;
               font-size: 18px;
               font-family: "Arial-BoldMT", Arial;
@@ -225,8 +226,8 @@ export default {
               }
             }
             .is-active {
-              // color: #FFF !important;
-              // background-color: #0053a8;
+              color: #FFF !important;
+              background-color: #0053a8;
               // background-color: #fff;
               // border-bottom: none;
               position: relative;

src/view/product/index.vue

@@ -5,11 +5,10 @@
       <!-- 搜索 -->
       <el-form :inline="true" :model="form" class="demo-form-inline">
         <el-form-item label="Antibody:">
-          <el-input class="input-with-select" v-model="form.keyword" placeholder=""></el-input>
+          <el-input class="input-with-select" v-model="form.keyword" placeholder="">
+            <!-- <el-button class="but_search" slot="append" icon="el-icon-search" @click="onSubmit"></el-button> -->
+          </el-input>
         </el-form-item>
-        <!-- <el-form-item :label="$t('AntibodyDatabase.TargetName')+':'">
-          <el-input v-model="form.target" placeholder=""></el-input>
-        </el-form-item> -->
         <el-form-item>
           <el-button type="primary" icon="el-icon-search" @click="onSubmit">Search</el-button>
           <el-button type="danger" icon="el-icon-refresh" @click="reset">{{ $t("nav.reset") }}</el-button>
@@ -192,6 +191,19 @@ export default {
     .el-input__inner{
       border: none!important;
     }
+    // .el-input__inner{
+    //   border-color: #007BC4 !important;
+    //   border-right: none !important;
+    // }
+    // .el-input-group__append {
+    //   border-color: #007BC4 !important;
+    //   border-left: none !important;
+    // }
+    // .but_search {
+    //   background-color: #007BC4;
+    //   border: #007BC4;
+    //   color: #fff;
+    // }
   }
   .clout_box {
     margin-bottom: 2rem;

src/view/profile/index.vue

@@ -16,10 +16,7 @@
     <!-- 弹框 -->
      <div class="pop-up" v-if="popShow">
       <div class="pop_content">
-        <div class="dele_icon" @click="popShow = false">
-          <i class="el-icon-close icon"></i>
-        </div>
-        <div class="title">{{ $t("nav.MaterialsDownload") }}</div>
+        <!-- <div class="title">{{ $t("nav.MaterialsDownload") }}</div> -->
         <!-- <div class="pop_hea">
           <div class="biaoti">{{ profile.title }}</div>
           <div class="hea_icon" @click="downloadPdf(profile.link, profile.title)">
@@ -27,8 +24,9 @@
           </div>
         </div> -->
         <div class="pop_img">
-          <div class="hea_icon" @click="downloadPdf(profile.link, profile.title)">
-            <i class="el-icon-download"></i>
+          <div class="hea_icon">
+            <i  @click="downloadPdf(profile.link, profile.title)" class="el-icon-download"></i>
+            <i  @click="popShow = false" class="el-icon-close icon"></i>
           </div>
           <img class="image" :src="profile.contentImg" alt="">
         </div>
@@ -137,49 +135,16 @@ export default {
   z-index: 999;
   .pop_content{
     max-width: 1200px;
-    width: 580px;
+    width: 640px;
     background: #fff;
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     padding: 10px;
-    .dele_icon{
-      display: block;
-      position: absolute;
-      top:10px;
-      right: 10px;
-      color: #035AA8;
-      font-size: 24px;
-      cursor: pointer;
-    }
-    .title{
-      font-size: 24px;
-      text-align: center;
-      font-weight: 600;
-      margin-bottom: 20px;
-    }
-    .pop_hea{
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-      .biaoti{
-        flex: 1;
-        font-size: 16px;
-        font-weight: 500;
-        color: #000;
-      }
-      .hea_icon{
-        margin-left: 20px;
-        color: #035AA8;
-        font-size: 28px;
-        font-weight: 600;
-        cursor: pointer;
-      }
-    }
     .pop_img{
       box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.3);
-      margin-top: 20px;
+      // margin-top: 20px;
       border-radius: 20px;
       position: relative;
       .hea_icon{