|
|
@@ -13,19 +13,20 @@ definePage({
|
|
|
backgroundColorTop: '#9ED605',
|
|
|
},
|
|
|
})
|
|
|
+const { show } = useGlobalToast()
|
|
|
|
|
|
const addressStore = useAddressStore()
|
|
|
const { ScrollDown, statusBarHeight, MenuButtonHeight } = storeToRefs(useSysStore())
|
|
|
const { name } = storeToRefs(addressStore)
|
|
|
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: '充电' },
|
|
|
- { icon: `${VITE_OSS_BASE_URL}2025/11/9981d979739b4ae6b4eec941b7d2c9b0.png`, title: '电影演出' },
|
|
|
- { icon: `${VITE_OSS_BASE_URL}2025/11/f2b15ec1048e4b5689fe1ba26f6058e1.png`, title: '视频权益' },
|
|
|
- { icon: `${VITE_OSS_BASE_URL}2025/11/0e971577095c406a88c5ea10af419246.png`, title: '大牌点餐' },
|
|
|
- { icon: `${VITE_OSS_BASE_URL}2025/11/95e2ea622dbd498a8a36ab74f00209f3.png`, title: '加油' },
|
|
|
- { icon: `${VITE_OSS_BASE_URL}2025/11/f5178ca02e3e4ebb9072d9e129bb3fd4.png`, title: '酒店民宿' },
|
|
|
- { icon: `${VITE_OSS_BASE_URL}2025/11/d1f4d36d6fcc442a841f4f4f4927df19.png`, title: '代驾' },
|
|
|
+ { 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: '' },
|
|
|
])
|
|
|
onMounted(() => {
|
|
|
addressStore.getLocation()
|
|
|
@@ -40,6 +41,10 @@ onPageScroll((e) => {
|
|
|
}
|
|
|
})
|
|
|
function handleClick(name: string) {
|
|
|
+ if (!name) {
|
|
|
+ show({ msg: '敬请期待' })
|
|
|
+ return
|
|
|
+ }
|
|
|
router.push({ name })
|
|
|
}
|
|
|
</script>
|
|
|
@@ -79,12 +84,17 @@ function handleClick(name: string) {
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="px24rpx -mt260rpx">
|
|
|
- <view class="grid grid-cols-4 mt24rpx rounded-16rpx bg-white py24rpx">
|
|
|
+ <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))"
|
|
|
>
|
|
|
- <image :src="item.icon" class="h120rpx w120rpx" />
|
|
|
+ <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>
|
|
|
@@ -368,4 +378,7 @@ function handleClick(name: string) {
|
|
|
background: url('https://zswl-shop.oss-cn-chengdu.aliyuncs.com/2025/11/771b8a09633448d8b62c0004a8928054.png') no-repeat;
|
|
|
background-size: contain;
|
|
|
}
|
|
|
+.linebg{
|
|
|
+ background: rgba(0,0,0,.3);
|
|
|
+}
|
|
|
</style>
|