feat: 界面调整

src/components/HeaderCon.vue

 <template>
   <div class="header">
     <div class="header_left">
-      <img src="../static/login/logo-tylgd.png" alt=""  />
+      <img src="../static/login/logo-tylgd.png" alt="" />
       <span>太原理工大学专利成果转移转化智能推荐系统</span>
     </div>
     <div class="header_right">
       <!-- <img src="" alt=""> -->
-      <img :src="img" class="portrait" v-if="img"/>
-      <img src="../static/common/img-tx-big.svg" class="portrait" v-else/>
+      <img :src="img" class="portrait" v-if="img" />
+      <img src="../static/common/img-tx-big.svg" class="portrait" v-else />
       <a-popover>
         <template #content>
-          <div
-            v-if="!isadmin"
-            class="portrait_btn"
-            @mouseenter="hover($event, '1')"
-            @mouseleave="leave($event)"
-          >
+          <div v-if="!isadmin" class="portrait_btn" @mouseenter="hover($event, '1')" @mouseleave="leave($event)">
             <span v-if="hover_num == 1" @click="toset" style="cursor: pointer">
               <img src="@/static/common/icon-yhsz-hover.png" alt="" />&nbsp;
               <span style="color: #3e7bfa">用户设置</span>
@@ -26,16 +21,8 @@
             </span>
           </div>
           <br />
-          <div
-            class="portrait_btn"
-            @mouseenter="hover($event, '2')"
-            @mouseleave="leave($event)"
-          >
-            <span
-              v-if="hover_num == 2"
-              @click="openModal"
-              style="cursor: pointer"
-            >
+          <div class="portrait_btn" @mouseenter="hover($event, '2')" @mouseleave="leave($event)">
+            <span v-if="hover_num == 2" @click="openModal" style="cursor: pointer">
               <img src="@/static/common/icon-tcdl-hover.png" alt="" />&nbsp;
               <span style="color: #3e7bfa">退出登录</span>
             </span>
@@ -78,7 +65,7 @@ export default {
     return {
       hover_num: 0,
       username: "",
-      isadmin:false,
+      isadmin: false,
       type: "专利",
       keyword: "",
       visible: false,
@@ -86,7 +73,7 @@ export default {
     };
   },
   created() {
-    this.getUserInfo()
+    this.getUserInfo();
   },
   methods: {
     //获取用户信息
@@ -156,46 +143,46 @@ export default {
       padding: 0 15px;
     }
   }
-  .header_con {
-    //  padding: 0 10px 30px;
-    width: 700px;
-    height: 50px;
-    margin: 10px;
-    // padding: 10px;
-    border: 2px solid #4079ff;
-    // border-radius: 8px;
-    .type {
-      width: 160px;
-      height: 40px;
-      // margin-top: 10px;
-      // line-height: 50px;
-      padding: 0px 0;
-      // background-color: #fff;
-      border-color: transparent;
-    }
-    :deep(.ant-input-group .ant-input) {
-      // height: 54px;
-      font-size: 18px;
-    }
-    :deep(.ant-input) {
-      border-color: transparent;
-      padding-top: 10px;
-    }
-    :deep(.ant-input-group-addon:first-child) {
-      border-color: transparent;
-      padding-top: 5px;
-      background-color: transparent !important;
-    }
-    :deep(.ant-input-group-addon:last-child) {
-      height: 48px;
-      width: 120px;
-      background-color: #4079ff !important;
-      color: #fff;
-      font-size: 18px;
-    }
-  }
+  // .header_con {
+  //   //  padding: 0 10px 30px;
+  //   width: 700px;
+  //   height: 50px;
+  //   margin: 10px;
+  //   // padding: 10px;
+  //   border: 2px solid #4079ff;
+  //   // border-radius: 8px;
+  //   .type {
+  //     width: 160px;
+  //     height: 40px;
+  //     // margin-top: 10px;
+  //     // line-height: 50px;
+  //     padding: 0px 0;
+  //     // background-color: #fff;
+  //     border-color: transparent;
+  //   }
+  //   :deep(.ant-input-group .ant-input) {
+  //     // height: 54px;
+  //     font-size: 18px;
+  //   }
+  //   :deep(.ant-input) {
+  //     border-color: transparent;
+  //     padding-top: 10px;
+  //   }
+  //   :deep(.ant-input-group-addon:first-child) {
+  //     border-color: transparent;
+  //     padding-top: 5px;
+  //     background-color: transparent !important;
+  //   }
+  //   :deep(.ant-input-group-addon:last-child) {
+  //     height: 48px;
+  //     width: 120px;
+  //     background-color: #4079ff !important;
+  //     color: #fff;
+  //     font-size: 18px;
+  //   }
+  // }
   .header_right {
-    padding: 0 50px 30px;
+    padding: 0 30px 30px;
     // display: inline-block;
     line-height: 60px;
     .portrait {