feat:完善首页 景区功能

src/views/scenic/components/box-1.vue

@@ -5,7 +5,7 @@
         <img src="@/assets/images/ticket.png" />
         <div
           class="header__left-item"
-          v-for="(item, index) in scenicStore.scenicSpotData"
+          v-for="(item, index) in scenicStore.scenicSpotData.data"
           :key="index"
         >
           <div class="label">{{ item.name }}</div>
@@ -13,22 +13,9 @@
         </div>
       </div>
       <div>
-        <div>
-          <div class="label">游览舒适度</div>
-          <p class="value">舒适</p>
-        </div>
-        <div>
-          <div class="label">景区安全</div>
-          <p class="value">安全</p>
-        </div>
-
-        <div>
-          <div class="label">通景交通</div>
-          <p class="value">畅通</p>
-        </div>
-        <div>
-          <div class="label">停车场负荷度</div>
-          <p class="value">空闲</p>
+        <div v-for="(item, index) in scenicStore.scenicSpotData.infoList" :key="index">
+          <div class="label">{{ item.name }}</div>
+          <p class="value" :class="{ error: item.type == 4 }">{{ item.value }}</p>
         </div>
       </div>
     </div>