|
|
@@ -1,6 +1,6 @@
|
|
|
<script setup lang="ts">
|
|
|
import { createGlobalLoadingMiddleware } from '@/api/core/middleware'
|
|
|
-import { StaticUrl, VITE_OSS_BASE_URL } from '@/config'
|
|
|
+import { StaticUrl } from '@/config'
|
|
|
import router from '@/router'
|
|
|
|
|
|
definePage({
|
|
|
@@ -17,7 +17,7 @@ definePage({
|
|
|
const { show } = useGlobalToast()
|
|
|
|
|
|
const addressStore = useAddressStore()
|
|
|
-const { statusBarHeight, MenuButtonHeight, opcity } = storeToRefs(useSysStore())
|
|
|
+const { statusBarHeight, MenuButtonHeight, opcity, isOnlineAudit } = storeToRefs(useSysStore())
|
|
|
const { name } = storeToRefs(addressStore)
|
|
|
const { userInfo } = storeToRefs(useUserStore())
|
|
|
const { getTotalNum } = storeToRefs(useSmqjhCartStore())
|
|
|
@@ -35,6 +35,7 @@ const state = computed(() => {
|
|
|
return error.value ? 'error' : !isLastPage.value ? 'loading' : 'finished'
|
|
|
})
|
|
|
onShow(() => {
|
|
|
+ useSysStore().getAudit()
|
|
|
useSmqjhCartStore().getCartList('XSB')
|
|
|
useTabbar().setTabbarItem('smqjh-cart', getTotalNum.value)
|
|
|
refresh()
|
|
|
@@ -45,19 +46,20 @@ onReachBottom(() => {
|
|
|
}
|
|
|
})
|
|
|
const navList = ref([
|
|
|
- { icon: `${VITE_OSS_BASE_URL}2025/11/4dabcf9b8d794d3c99aa6b49be34f205.png`, title: '星闪豹', name: 'xsb-homeTabbar' },
|
|
|
- { icon: `${VITE_OSS_BASE_URL}2025/11/40cb38e287234a83885d68f30c9c39bc.png`, title: '充电', name: '' },
|
|
|
- { icon: `${VITE_OSS_BASE_URL}2025/11/9981d979739b4ae6b4eec941b7d2c9b0.png`, title: '电影演出', name: '' },
|
|
|
- { icon: `${VITE_OSS_BASE_URL}2025/11/f2b15ec1048e4b5689fe1ba26f6058e1.png`, title: '视频权益', name: '' },
|
|
|
- { icon: `${VITE_OSS_BASE_URL}2025/11/0e971577095c406a88c5ea10af419246.png`, title: '大牌点餐', name: '' },
|
|
|
- { icon: `${VITE_OSS_BASE_URL}2025/11/95e2ea622dbd498a8a36ab74f00209f3.png`, title: '加油', name: '' },
|
|
|
- { icon: `${VITE_OSS_BASE_URL}2025/11/f5178ca02e3e4ebb9072d9e129bb3fd4.png`, title: '酒店民宿', name: '' },
|
|
|
- { icon: `${VITE_OSS_BASE_URL}2025/11/d1f4d36d6fcc442a841f4f4f4927df19.png`, title: '代驾', name: '' },
|
|
|
+ { icon: `${StaticUrl}/xsb.png`, title: '星闪豹', name: 'xsb-homeTabbar', show: true },
|
|
|
+ { icon: `${StaticUrl}/smqjh-index-cd.png`, title: '充电', name: '', show: !unref(isOnlineAudit) },
|
|
|
+ { icon: `${StaticUrl}/smqjh-sp.png`, title: '电影演出', name: '', show: !unref(isOnlineAudit) },
|
|
|
+ { icon: `${StaticUrl}/smqjh-vip.png`, title: '视频权益', name: '', show: !unref(isOnlineAudit) },
|
|
|
+ { icon: `${StaticUrl}/smqjh-diancan.png`, title: '大牌点餐', name: '', show: !unref(isOnlineAudit) },
|
|
|
+ { icon: `${StaticUrl}/smqjh-jiayou.png`, title: '加油', name: '', show: !unref(isOnlineAudit) },
|
|
|
+ { icon: `${StaticUrl}/smqjh-jiudian.png`, title: '酒店民宿', name: '', show: !unref(isOnlineAudit) },
|
|
|
+ { icon: `${StaticUrl}/smqjh-daijia.png`, title: '代驾', name: '', show: !unref(isOnlineAudit) },
|
|
|
])
|
|
|
onMounted(() => {
|
|
|
addressStore.getLocation()
|
|
|
opcity.value = 0
|
|
|
})
|
|
|
+
|
|
|
onPageScroll((e) => {
|
|
|
const calculatedOpacity = e.scrollTop / 100
|
|
|
opcity.value = Math.min(1, Math.max(0.1, calculatedOpacity))
|
|
|
@@ -120,23 +122,25 @@ function handleGo() {
|
|
|
</view>
|
|
|
<view class="px24rpx -mt260rpx">
|
|
|
<view class="grid grid-cols-4 mt24rpx gap12rpx rounded-16rpx bg-white py24rpx">
|
|
|
- <view
|
|
|
- v-for="item in navList" :key="item.icon" class="flex flex-col items-center justify-center"
|
|
|
- @click="handleClick(String(item.name))"
|
|
|
- >
|
|
|
- <view class="relative h120rpx w120rpx">
|
|
|
- <image :src="item.icon" class="h120rpx w120rpx" />
|
|
|
- <view
|
|
|
- v-if="item.title != '星闪豹'"
|
|
|
- class="linebg absolute left-0 top-0 h-full w-full flex items-center justify-center rounded-32rpx text-24rpx text-white font-semibold"
|
|
|
- >
|
|
|
- 敬请期待
|
|
|
+ <template v-for="item in navList" :key="item.icon">
|
|
|
+ <view
|
|
|
+ v-if="item.show" class="flex flex-col items-center justify-center"
|
|
|
+ @click="handleClick(String(item.name))"
|
|
|
+ >
|
|
|
+ <view class="relative h120rpx w120rpx">
|
|
|
+ <image :src="item.icon" class="h120rpx w120rpx" />
|
|
|
+ <view
|
|
|
+ v-if="item.title != '星闪豹'"
|
|
|
+ class="linebg absolute left-0 top-0 h-full w-full flex items-center justify-center rounded-32rpx text-24rpx text-white font-semibold"
|
|
|
+ >
|
|
|
+ 敬请期待
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="text-24rpx">
|
|
|
+ {{ item.title }}
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="text-24rpx">
|
|
|
- {{ item.title }}
|
|
|
- </view>
|
|
|
- </view>
|
|
|
+ </template>
|
|
|
</view>
|
|
|
<view class="mt20rpx w-full flex items-center justify-between" @click="handleGo">
|
|
|
<image :src="`${StaticUrl}/smqjh-fl.png`" class="h346rpx w344rpx flex-shrink-0" />
|