diff --git a/src/assets/images/empty_big_tra.svg b/src/assets/images/empty_big_tra.svg new file mode 100644 index 0000000..de17f9b --- /dev/null +++ b/src/assets/images/empty_big_tra.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/src/views/Activity/Activity.vue b/src/views/Activity/Activity.vue index 497db3b..9e21997 100644 --- a/src/views/Activity/Activity.vue +++ b/src/views/Activity/Activity.vue @@ -19,12 +19,19 @@ enter-active-class="animate__faster animate__animated animate__fadeInRight" leave-active-class="animate__animated animate__fadeOutDown" > - + - + @@ -123,6 +131,8 @@ function handleSwitch(index: number) { // list[index].fun() } +// 展示敬请期待 +const showEmpty = ref(false) function getData(type: 'mall' | 'shop') { const fun = type === 'mall' ? getMallActivity() : getShopActivity() fun.then(res => { @@ -130,6 +140,9 @@ function getData(type: 'mall' | 'shop') { for (let t = 0; t < res.data.length; t++) { actList.value.push({ id: res.data[t].id, ...res.data[t].content }) } + if (!res.data.length) { + showEmpty.value = true + } showList.value = true }) } @@ -181,4 +194,13 @@ getData('mall') } } } + +.tra { + position: fixed; + top: 268px; + left: 56px; + width: 1808px; + height: 576px; + border-radius: 16px; +} diff --git a/src/views/Activity/ActivityItem.vue b/src/views/Activity/ActivityItem.vue index 66405aa..67277ba 100644 --- a/src/views/Activity/ActivityItem.vue +++ b/src/views/Activity/ActivityItem.vue @@ -1,5 +1,5 @@ @@ -70,4 +71,12 @@ const { artPlaceList } = toRefs(store) } } } +.tra { + position: fixed; + top: 268px; + left: 56px; + width: 1808px; + height: 576px; + border-radius: 16px; +} diff --git a/src/views/Member/Member.vue b/src/views/Member/Member.vue index cd1bce6..c18d73b 100644 --- a/src/views/Member/Member.vue +++ b/src/views/Member/Member.vue @@ -32,6 +32,7 @@ + @@ -93,8 +94,13 @@ function handleSwitch(index: number) { } } +// 展示敬请期待 +const showEmpty = ref(false) function getData() { getMemberServices().then(res => { + if (!res.data.length) { + showEmpty.value = true + } for (let t = 0; t < res.data.length; t++) { const { name, nameEn, content, contentEn, file_code, point } = res.data[t].content memberServiceList.value.push({ @@ -159,4 +165,12 @@ getData() } } } +.tra { + position: fixed; + top: 268px; + left: 56px; + width: 1808px; + height: 576px; + border-radius: 16px; +} diff --git a/src/views/Service/Service.vue b/src/views/Service/Service.vue index dcab413..8fbe615 100644 --- a/src/views/Service/Service.vue +++ b/src/views/Service/Service.vue @@ -26,6 +26,7 @@ + @@ -82,8 +83,13 @@ function handleSwitch(index: number) { } } +// 是否展示空图片 +const showEmpty = ref(false) function getData() { getServeList().then(res => { + if (!res.data.length) { + showEmpty.value = true + } for (let t = 0; t < res.data.length; t++) { const { name, nameEn, content, contentEn, file_code, logo_code, facilityCode } = res.data[t].content serviceList.value.push({ @@ -165,4 +171,12 @@ getData() } } } +.tra { + position: fixed; + top: 268px; + left: 56px; + width: 1808px; + height: 576px; + border-radius: 16px; +} diff --git a/src/views/Traffic/Traffic.vue b/src/views/Traffic/Traffic.vue index 26bbf35..3100c23 100644 --- a/src/views/Traffic/Traffic.vue +++ b/src/views/Traffic/Traffic.vue @@ -11,7 +11,7 @@ /> - +