diff --git a/src/packages/user/pages/card/detail.vue b/src/packages/user/pages/card/detail.vue index abafcd2..37ba64b 100644 --- a/src/packages/user/pages/card/detail.vue +++ b/src/packages/user/pages/card/detail.vue @@ -11,6 +11,18 @@ {{ card.description }} + + + + + {{ item.label }} + + 权益说明 @@ -59,6 +71,17 @@ import type { CardDetail } from '../../../../api/types' const card = ref(null) +const quickActions = [ + { label: '我要入园', icon: '/static/icon/check.png' }, + { label: '我要预约', icon: '/static/icon/reserve.png' }, + { label: '使用记录', icon: '/static/icon/record.png' }, + { label: '景区权益', icon: '/static/icon/scenic.png' }, +] + +function onQuickAction(item: { label: string }) { + uni.showToast({ title: `${item.label}功能开发中`, icon: 'none' }) +} + /** 页面加载时获取年卡详情 */ onLoad((options) => { if (options?.id) { @@ -84,8 +107,8 @@ function handleBuy() { } - diff --git a/src/pages/index/index.vue b/src/pages/index/index.vue index 34834d0..009e1e3 100644 --- a/src/pages/index/index.vue +++ b/src/pages/index/index.vue @@ -140,10 +140,10 @@ import type { ScenicSpotItem } from '../../data/scenic-spots' /** 金刚区 */ const quickActions = [ - { label: '我要绑卡', icon: '/static/icon/card.svg' }, - { label: '我要预约', icon: '/static/icon/reserve.svg' }, - { label: '我要入园', icon: '/static/icon/check.svg' }, - { label: '常见问题', icon: '/static/icon/faq.svg' }, + { label: '我要绑卡', icon: '/static/icon/card.png' }, + { label: '我要预约', icon: '/static/icon/reserve.png' }, + { label: '我要入园', icon: '/static/icon/check.png' }, + { label: '常见问题', icon: '/static/icon/faq.png' }, ] function onQuickAction(item: { label: string }) { diff --git a/src/pages/qrcode/index.vue b/src/pages/qrcode/index.vue index b09cbe3..61de270 100644 --- a/src/pages/qrcode/index.vue +++ b/src/pages/qrcode/index.vue @@ -51,29 +51,9 @@ - - - - - 绑定旅游卡 - - - - - - 景区预约 - - - - - - 使用记录 - - - - - - 权益景区 + + + {{ item.label }} @@ -234,8 +214,15 @@ function goBindCard() { uni.navigateTo({ url: '/packages/user/pages/card/bind' }) } -function onFeature(type: string) { - uni.showToast({ title: '功能开发中', icon: 'none' }) +const featureActions = [ + { label: '我要入园', icon: '/static/icon/check.png' }, + { label: '我要预约', icon: '/static/icon/reserve.png' }, + { label: '使用记录', icon: '/static/icon/record.png' }, + { label: '景区权益', icon: '/static/icon/scenic.png' }, +] + +function onFeatureClick(item: { label: string }) { + uni.showToast({ title: `${item.label}功能开发中`, icon: 'none' }) } onMounted(() => { startTimer() }) @@ -388,65 +375,9 @@ onUnmounted(() => { if (timer) clearInterval(timer) }) min-width: 110rpx; transition: opacity 150ms; } .feature-item:active { opacity: 0.6; } -.feature-icon-wrap { - width: 88rpx; height: 88rpx; border-radius: 20rpx; - background: #F1F5F9; - display: flex; align-items: center; justify-content: center; +.feature-icon-img { + width: 88rpx; height: 88rpx; margin-bottom: 10rpx; - transition: background 150ms; } -.feature-item:active .feature-icon-wrap { background: #E2E8F0; } .feature-label { font-size: 24rpx; color: #475569; } - -/* CSS 图标 — 统一使用页面主色 #0052FF */ -.fi-link { - width: 24rpx; height: 24rpx; - border: 3rpx solid #0052FF; border-radius: 50%; - position: relative; -} -.fi-link::before { - content: ''; position: absolute; - top: 50%; left: 50%; - width: 10rpx; height: 10rpx; - background: #0052FF; border-radius: 50%; - transform: translate(-50%, -50%); -} -.fi-calendar { - width: 28rpx; height: 28rpx; - border: 3rpx solid #0052FF; border-radius: 4rpx; - position: relative; -} -.fi-calendar::before { - content: ''; position: absolute; - top: 10rpx; left: 4rpx; right: 4rpx; - height: 3rpx; background: #0052FF; -} -.fi-calendar::after { - content: ''; position: absolute; - top: -6rpx; left: 6rpx; - width: 3rpx; height: 10rpx; background: #0052FF; - border-radius: 1rpx; - box-shadow: 10rpx 0 0 #0052FF; -} -.fi-list { width: 28rpx; display: flex; flex-direction: column; gap: 6rpx; } -.fi-list::before, .fi-list::after { - content: ''; height: 3rpx; background: #0052FF; border-radius: 1rpx; -} -.fi-list::before { width: 100%; } -.fi-list::after { width: 70%; } -.fi-mountain { - width: 0; height: 0; - border-left: 16rpx solid transparent; - border-right: 16rpx solid transparent; - border-bottom: 24rpx solid #0052FF; - position: relative; -} -.fi-mountain::after { - content: ''; position: absolute; - top: 12rpx; left: -6rpx; - width: 0; height: 0; - border-left: 10rpx solid transparent; - border-right: 10rpx solid transparent; - border-bottom: 16rpx solid #4D7CFF; -} diff --git a/src/static/icon/card.png b/src/static/icon/card.png new file mode 100644 index 0000000..4a6347a Binary files /dev/null and b/src/static/icon/card.png differ diff --git a/src/static/icon/card.svg b/src/static/icon/card.svg deleted file mode 100644 index 26fe501..0000000 --- a/src/static/icon/card.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - - - - diff --git a/src/static/icon/check.png b/src/static/icon/check.png new file mode 100644 index 0000000..20f3ed7 Binary files /dev/null and b/src/static/icon/check.png differ diff --git a/src/static/icon/check.svg b/src/static/icon/check.svg deleted file mode 100644 index bb47347..0000000 --- a/src/static/icon/check.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - - - - diff --git a/src/static/icon/faq.png b/src/static/icon/faq.png new file mode 100644 index 0000000..9a4c26c Binary files /dev/null and b/src/static/icon/faq.png differ diff --git a/src/static/icon/faq.svg b/src/static/icon/faq.svg deleted file mode 100644 index bc93d14..0000000 --- a/src/static/icon/faq.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - - - - diff --git a/src/static/icon/record.png b/src/static/icon/record.png new file mode 100644 index 0000000..3dd76bd Binary files /dev/null and b/src/static/icon/record.png differ diff --git a/src/static/icon/reserve.png b/src/static/icon/reserve.png new file mode 100644 index 0000000..d8849af Binary files /dev/null and b/src/static/icon/reserve.png differ diff --git a/src/static/icon/reserve.svg b/src/static/icon/reserve.svg deleted file mode 100644 index dc89929..0000000 --- a/src/static/icon/reserve.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - - - - diff --git a/src/static/icon/scenic.png b/src/static/icon/scenic.png new file mode 100644 index 0000000..feee431 Binary files /dev/null and b/src/static/icon/scenic.png differ diff --git a/src/static/icon/scenic.svg b/src/static/icon/scenic.svg deleted file mode 100644 index 6a0f437..0000000 --- a/src/static/icon/scenic.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - - - - diff --git a/src/static/tabbar/card-active.png b/src/static/tabbar/card-active.png index 47e97b2..195d1ea 100644 Binary files a/src/static/tabbar/card-active.png and b/src/static/tabbar/card-active.png differ diff --git a/src/static/tabbar/card.png b/src/static/tabbar/card.png index 65780b8..6c55768 100644 Binary files a/src/static/tabbar/card.png and b/src/static/tabbar/card.png differ diff --git a/src/static/tabbar/home-active.png b/src/static/tabbar/home-active.png index 75a2b3b..db15a5b 100644 Binary files a/src/static/tabbar/home-active.png and b/src/static/tabbar/home-active.png differ diff --git a/src/static/tabbar/home.png b/src/static/tabbar/home.png index feaca92..be6be67 100644 Binary files a/src/static/tabbar/home.png and b/src/static/tabbar/home.png differ diff --git a/src/static/tabbar/profile-active.png b/src/static/tabbar/profile-active.png index 3ea888e..9474f61 100644 Binary files a/src/static/tabbar/profile-active.png and b/src/static/tabbar/profile-active.png differ diff --git a/src/static/tabbar/profile.png b/src/static/tabbar/profile.png index 45acc06..3c472a8 100644 Binary files a/src/static/tabbar/profile.png and b/src/static/tabbar/profile.png differ