|
|
@@ -34,6 +34,7 @@ function handleScroll(e: UniHelper.ScrollViewOnScrollEvent) {
|
|
|
}
|
|
|
onMounted(() => {
|
|
|
opcity.value = 0
|
|
|
+ queryPopupConfig()
|
|
|
})
|
|
|
|
|
|
function handleCommonClass(item: Api.xsbCategories) {
|
|
|
@@ -84,6 +85,21 @@ function handleChangeSwiper(e: UniHelper.SwiperOnChangeEvent) {
|
|
|
|
|
|
currentIndex.value = newIndices
|
|
|
}
|
|
|
+
|
|
|
+const curtainInfo = ref({
|
|
|
+ enabled: false,
|
|
|
+ imageUrl: '',
|
|
|
+})
|
|
|
+async function queryPopupConfig() {
|
|
|
+ try {
|
|
|
+ const res = await Apis.xsb.popupConfig({})
|
|
|
+ curtainInfo.value = res.data
|
|
|
+ }
|
|
|
+ catch (error) {
|
|
|
+ console.error('获取弹窗配置失败:', error)
|
|
|
+ curtainInfo.value = { enabled: false, imageUrl: '' }
|
|
|
+ }
|
|
|
+}
|
|
|
</script>
|
|
|
|
|
|
<template>
|
|
|
@@ -196,7 +212,7 @@ function handleChangeSwiper(e: UniHelper.SwiperOnChangeEvent) {
|
|
|
</view>
|
|
|
|
|
|
<view v-if="swiperClassList.length" class="swiper-img swiper mt26rpx">
|
|
|
- <swiper class="h125rpx gap-16rpx" display-multiple-items="5" @change="handleChangeSwiper">
|
|
|
+ <swiper class="h125rpx gap-16rpx" :display-multiple-items="5" @change="handleChangeSwiper">
|
|
|
<swiper-item v-for="item, idx in swiperClassList" :key="item.id" class="mb20rpx flex flex-col items-center text-center" @click="handleSwiperClick({ index: idx, item })">
|
|
|
<view class="pic-box">
|
|
|
<image class="h72rpx w72rpx" :src="item.icon" />
|
|
|
@@ -283,6 +299,11 @@ function handleChangeSwiper(e: UniHelper.SwiperOnChangeEvent) {
|
|
|
</view>
|
|
|
<view class="h60rpx" />
|
|
|
</scroll-view>
|
|
|
+ <wd-overlay :show="curtainInfo.enabled" @click="curtainInfo.enabled = false">
|
|
|
+ <view class="h-full flex items-center justify-center">
|
|
|
+ <image class="h-784rpx w-750rpx" :src="curtainInfo.imageUrl" />
|
|
|
+ </view>
|
|
|
+ </wd-overlay>
|
|
|
</view>
|
|
|
</template>
|
|
|
|