feat: v1.1.0

src/components/EffectFade/EffectFade.vue

@@ -4,12 +4,13 @@
       <slot :item="item"></slot>
     </swiper-slide>
   </swiper>
-  <img v-else src="../../assets/images/nodata.svg" class="stay-tuned" alt="" />
+  <Empty v-else></Empty>
 </template>
 
 <script setup>
 import SwiperCore, { Autoplay, EffectFade, Pagination } from 'swiper'
 import { Swiper, SwiperSlide } from 'swiper/vue'
+import Empty from '../Empty/Empty.vue'
 
 import 'swiper/css'
 import 'swiper/css/effect-fade'

src/components/Empty/Empty.vue

@@ -0,0 +1,12 @@
+<template>
+  <img src="../../assets/images/nodata.svg" class="stay-tuned" alt="" />
+</template>
+<style scoped>
+.stay-tuned {
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  transform: translate3d(-50%, -50%, 0);
+  object-fit: contain;
+}
+</style>

src/views/Activities/Activities.vue

@@ -1,6 +1,7 @@
 <template>
   <View long>
     <ActivitiesList :list="activityList" />
+    <Empty v-if="!activityList.length"></Empty>
   </View>
 </template>
 
@@ -9,6 +10,7 @@ import { ref } from 'vue'
 import View from '@/layouts/View.vue'
 import ActivitiesList from '@/components/ActivitiesList/ActivitiesList.vue'
 import { getActivityList } from '@/http/api'
+import Empty from '@/components/Empty/Empty.vue'
 
 const activityList = ref([])
 

src/views/Billboard/Billboard.vue

@@ -88,7 +88,7 @@ const scrollWidth = ref(0)
 const setScrollWidth = setValue(scrollWidth)
 const scrollLefts = ref([])
 const setScrollLefts = setValue(scrollLefts)
-const index = ref(null)
+const index = ref(0)
 const setIndex = setValue(index)
 const columns = ref([])
 const setColumns = setValue(columns)

src/views/Guide/Guide.vue

@@ -225,6 +225,7 @@ function filterAboutCurrentInfo(needShowFloor = true) {
       window.Map_QM.showFloor(floorOrder, () => {
         if (shop.value) {
           setShopActive(shop.value)
+          window.Map_QM.pathNode({ floor: shop.value.floorOrder, node: shop.value.yaxis })
         } else if (facility.value) {
           handleFacility(facility.value)
         }

src/views/Index/Index.vue

@@ -109,7 +109,7 @@
         </div>
 
         <div class="menu">
-          <div class="item" v-for="tab of menuList" :key="tab.id" @click="goPage(tab)">
+          <div class="item" v-for="tab of menuList" :key="tab.id" @click="goMenu(tab)">
             <div class="icon"><img :src="theme.images[tab.content.moduleName]" /></div>
             <div class="title">{{ tab.content.name }}</div>
           </div>
@@ -188,9 +188,9 @@ getBrandList().then(({ data: { allShopNum, industryFatherList } }) => {
   guideDesc.value = `全场${allShopNum}个品牌${spFormat ? `，其中${spFormat.shopNum}个${spFormat.industryName}品牌` : ''}`
 })
 
-const goPage = item => {
-  router.push(item.content.path)
-}
+const goPage = item => router.push(item.path)
+
+const goMenu = item => router.push(item.content.path)
 
 const setShopById = id => {
   const shop = shopList.value.find(_shop => _shop.shopCode === id)

src/views/Mall/Mall.vue

@@ -1,6 +1,7 @@
 <template>
   <View long>
-    <CarouselWithIntro :data="mall" />
+    <CarouselWithIntro :data="mall" v-if="mall" />
+    <Empty v-else></Empty>
   </View>
 </template>
 
@@ -9,6 +10,7 @@ import { ref } from 'vue'
 import { getMallInfoList } from '@/http/api'
 import View from '@/layouts/View.vue'
 import CarouselWithIntro from '@/components/CarouselWithIntro/CarouselWithIntro.vue'
+import Empty from '@/components/Empty/Empty.vue'
 
 const mall = ref({})
 getMallInfoList().then(({ data }) => {

src/views/Member/Member.vue

@@ -1,6 +1,7 @@
 <template>
   <View long>
-    <CarouselWithIntro :data="benefits" />
+    <CarouselWithIntro :data="benefits" v-if="benefits" />
+    <Empty v-else></Empty>
   </View>
 </template>
 
@@ -9,9 +10,10 @@ import { ref } from 'vue'
 import { getMemberBenefits } from '@/http/api'
 import View from '@/layouts/View.vue'
 import CarouselWithIntro from '@/components/CarouselWithIntro/CarouselWithIntro.vue'
+import Empty from '@/components/Empty/Empty.vue'
 
 _getMemberBenefits()
-const benefits = ref({})
+const benefits = ref(null)
 function _getMemberBenefits() {
   getMemberBenefits().then(({ data }) => {
     benefits.value = data[0]?.content

src/views/Parking/Parking.vue

@@ -1,6 +1,7 @@
 <template>
   <View long>
-    <CarouselWithIntro :data="park" />
+    <CarouselWithIntro :data="park" v-if="park" />
+    <Empty v-else></Empty>
   </View>
 </template>
 
@@ -9,6 +10,7 @@ import { ref } from 'vue'
 import { getParkingList } from '@/http/api'
 import View from '@/layouts/View.vue'
 import CarouselWithIntro from '@/components/CarouselWithIntro/CarouselWithIntro.vue'
+import Empty from '@/components/Empty/Empty.vue'
 
 const park = ref({})
 getParkingList().then(({ data }) => {