修改下拉样式

src/components/custom/custom-layout.vue

@@ -65,12 +65,20 @@
               </div>
             </el-col>
           </div> -->
-          <div class="info_2" :class="[user && user.id && isIncubator ? 'info_3' : '']" v-if="info.key == '10'">
+          <!-- <div class="info_2" :class="[user && user.id && isIncubator ? 'info_3' : '']" v-if="info.key == '10'">
             <el-col :span="24" class="list_2">
               <div v-for="(tag, indexs) in info.children" :key="indexs" class="title1" @click="selectMenu(tag.route)">
                 {{ tag.title }}
               </div>
             </el-col>
+          </div> -->
+          <div class="info_4" v-if="info.key == '10'">
+            <div class="w_1300 list4">
+              <div v-for="(tag, indexs) in info.children" :key="indexs" class="list_1" @click="selectMenu(tag.route)">
+                <el-image class="image" :src="tag.url" fit="fill" />
+                <span class="title"> {{ tag.title }}</span>
+              </div>
+            </div>
           </div>
         </el-col>
       </el-col>
@@ -326,6 +334,32 @@ const toOut = () => {
         .info_3 {
           left: 68.1%;
         }
+        .info_4 {
+          position: absolute;
+          left: 0;
+          top: 128px;
+          width: 100%;
+          background: $global-color-fff;
+          background: -webkit-linear-gradient(top, white, #6ea6f5, #3b86ee);
+          .list4 {
+            display: flex;
+            justify-content: center;
+            .list_1 {
+              padding: 20px 0;
+              position: relative;
+              margin: 0 10px;
+              span {
+                position: absolute;
+                top: 40px;
+                left: 0;
+                width: 100%;
+                text-align: center;
+                font-size: 20px;
+                color: #000;
+              }
+            }
+          }
+        }
       }
     }
   }

src/layout/site.js

@@ -2,6 +2,11 @@
 import logo from '/images/logo.png'
 import Logo from '/images/logoFoot.png'
 import Code from '/images/code.jpg'
+// 图片引入
+import zypt1 from '/images/bg-nav-zypt1.png'
+import zypt2 from '/images/bg-nav-zypt2.png'
+import zypt3 from '/images/bg-nav-zypt3.png'
+import zypt4 from '/images/bg-nav-zypt4.png'
 // 网站基本设置
 export const siteInfo = {
   display: false,
@@ -99,10 +104,10 @@ export const menuList = [
     English: 'Innovation Competition',
     label: '信息库',
     children: [
-      { key: '10-1', route: 'expert', title: '专家库', label: '专家库', value: '0' },
-      { key: '10-2', route: 'thr', title: '供需库', label: '供需库', value: '1' },
-      { key: '10-3', route: 'company', title: '企业库', label: '企业库', value: '2' },
-      { key: '10-4', route: 'project', title: '项目库', label: '项目库', value: '3' }
+      { key: '10-1', route: 'expert', title: '专家库', url: zypt1, label: '专家库', value: '0' },
+      { key: '10-2', route: 'thr', title: '供需库', url: zypt2, label: '供需库', value: '1' },
+      { key: '10-3', route: 'company', title: '企业库', url: zypt3, label: '企业库', value: '2' },
+      { key: '10-4', route: 'project', title: '项目库', url: zypt4, label: '项目库', value: '3' }
     ]
   },
   { key: '11', title: '孵化器', route: 'eleven', English: 'Achievement Display', label: '孵化器' },