页面调整

src/views/home/components/homeFile.vue

@@ -56,14 +56,14 @@
                     <div class="box-wrap">
                         <div
                             class="box-item"
-                            v-for="index in 3"
+                            v-for=" (item, index) in outputBox"
                             :key="index"
-                            @click="toggleAcitve(outputBox[index].name, outputBox[index].field)"
-                            :class="{ active: activeOuput === outputBox[index].name }"
+                            @click="toggleAcitve(item.name, item.field)"
+                            :class="{ active: activeOuput === item.name }"
                         >
-                            <div class="item-name">{{ outputBox[index].name }}</div>
+                            <div class="item-name">{{ item.name }}</div>
                             <div class="item-val">
-                                {{ outputBox[index].value }}<span>{{ outputBox[index].unit }}</span>
+                                {{ item.value }}<span>{{ item.unit }}</span>
                             </div>
                         </div>
                     </div>
@@ -99,9 +99,6 @@ const outputBox = ref([
     { id: 1, name: "种植面积", field: "area", value: "6800", unit: "亩" },
     { id: 2, name: "亩产估计", field: "cl", value: "1610", unit: "斤/亩" },
     { id: 3, name: "产量估计", field: "zuoguo_ratio",value: "1094.8", unit: "万斤" },
-    { id: 4, name: "高质果率", field: "zuoguo_ratio",value: "1094.8", unit: "万斤" },
-    { id: 5, name: "坐果率", field: "zuoguo_ratio",value: "1094.8", unit: "万斤" },
-    { id: 6, name: "", field: "",value: "", unit: "" },
 ]);
 
 const qualityBox = ref([