修改

src/views/main/eight.vue

@@ -13,18 +13,13 @@
                   <el-image class="image" :src="item.url" fit="fill" />
                   <el-col :span="24" class="other">
                     <el-col :span="24" class="title textOver">{{ item.label }}</el-col>
-                    <el-col :span="24" class="other_1" v-if="item.partner1">{{
-                      item.partner1
-                    }}</el-col>
-                    <el-col :span="24" class="other_1" v-if="item.partner2">{{
-                      item.partner2
-                    }}</el-col>
-                    <el-col :span="24" class="other_1" v-if="item.partner3">{{
-                      item.partner3
-                    }}</el-col>
-                    <el-col :span="24" class="other_1" v-if="item.partner4">{{
-                      item.partner4
-                    }}</el-col>
+                    <el-col
+                      :span="24"
+                      class="other_1"
+                      v-for="(tag, indexx) in item.partner"
+                      :key="indexx"
+                      >{{ tag }}</el-col
+                    >
                   </el-col>
                   <el-col :span="24" class="bottom">
                     <el-button type="primary" plain>了解详情</el-button>
@@ -57,9 +52,7 @@ const list = ref([
     value: '0',
     url: eight1,
     brief: '简介',
-    partner1: '博立',
-    partner2: '吉大',
-    partner3: '科大讯飞'
+    partner: ['博立', '吉大', '科大讯飞']
   },
   {
     id: '1',
@@ -67,7 +60,7 @@ const list = ref([
     value: '1',
     url: eight2,
     brief: '简介',
-    partner1: '吉化星云'
+    partner: ['吉化星云']
   },
   {
     id: '1',
@@ -75,20 +68,22 @@ const list = ref([
     value: '2',
     url: eight3,
     brief: '简介',
-    partner1: '东北师范大学'
+    partner: ['东北师范大学']
   },
   {
     id: '1',
     label: '精密仪器及先进设备',
     value: '3',
     url: eight4,
-    brief: '简介'
+    brief: '简介',
+    partner: []
   },
   {
     id: '1',
     label: '生物基新材料',
     value: '4',
     url: eight4,
+    partner: [],
     brief: '简介'
   },
   {
@@ -97,7 +92,7 @@ const list = ref([
     value: '5',
     url: eight3,
     brief: '简介',
-    partner1: '净月区苏州医工所'
+    partner: ['净月区苏州医工所']
   },
   {
     id: '1',
@@ -105,7 +100,7 @@ const list = ref([
     value: '6',
     url: eight2,
     brief: '简介',
-    partner1: '标色食品哥光院'
+    partner: ['绿色食品研究院']
   },
   {
     id: '1',
@@ -113,8 +108,7 @@ const list = ref([
     value: '7',
     url: eight1,
     brief: '简介',
-    partner1: '吉林化纤',
-    partner2: '国兴碳纤'
+    partner: ['吉林化纤', '国兴碳纤']
   },
   {
     id: '1',
@@ -122,8 +116,7 @@ const list = ref([
     value: '8',
     url: eight2,
     brief: '简介',
-    partner1: '华为',
-    partner2: '一汽'
+    partner: ['华为', '一汽']
   },
   {
     id: '1',
@@ -131,8 +124,7 @@ const list = ref([
     value: '9',
     url: eight3,
     brief: '简介',
-    partner1: '长春光机所',
-    partner2: '光电信息产业园'
+    partner: ['长春光机所', '光电信息产业园']
   },
   {
     id: '1',
@@ -140,10 +132,7 @@ const list = ref([
     value: '10',
     url: eight4,
     brief: '简介',
-    partner1: '卫星研究院',
-    partner2: '星网',
-    partner3: '长春理工',
-    partner4: '长光卫星'
+    partner: ['卫星研究院', '卫星研究院', '长春理工', '长光卫星']
   },
   {
     id: '1',
@@ -151,8 +140,7 @@ const list = ref([
     value: '12',
     url: eight3,
     brief: '简介',
-    partner1: '氢能产研院',
-    partner2: '长春应化所'
+    partner: ['氢能产研院', '长春应化所']
   },
   {
     id: '1',
@@ -160,9 +148,7 @@ const list = ref([
     value: '13',
     url: eight2,
     brief: '简介',
-    partner1: '富赛',
-    partner2: '旗智',
-    partner3: '富奥'
+    partner: ['富赛', '旗智', '富奥']
   }
 ])
 // 请求