diff --git a/src/components/navigation/GuideBottomNav.vue b/src/components/navigation/GuideBottomNav.vue index 770f2d0..8fa2ec2 100644 --- a/src/components/navigation/GuideBottomNav.vue +++ b/src/components/navigation/GuideBottomNav.vue @@ -2,7 +2,7 @@ tab.id !== 'explain') + withDefaults(defineProps<{ activeTab?: GuideTopTab }>(), { @@ -64,7 +66,7 @@ const handleTabTap = (tab: GuideTopTab) => { .guide-bottom-nav-inner { height: 56px; display: grid; - grid-template-columns: repeat(2, minmax(0, 1fr)); + grid-template-columns: minmax(0, 1fr); gap: 10px; padding: 4px; box-sizing: border-box; diff --git a/src/pages/index/index.vue b/src/pages/index/index.vue index 13d505e..a0d5a62 100644 --- a/src/pages/index/index.vue +++ b/src/pages/index/index.vue @@ -127,6 +127,14 @@ 来馆 + + + + + + + 讲解 + { openOutdoorNavPanel() } +const handleExplainQuickTap = () => { + handleTabChange('explain') +} + const handleOutdoorNavClose = () => { closeOutdoorNavPanel() } @@ -1801,6 +1813,11 @@ const handleExplainBack = () => { border-color: #151713; } +.guide-quick-action.explain { + background: rgba(245, 245, 237, 0.96); + border-color: #dfe4d8; +} + .guide-quick-action:active { transform: translateY(1px); } @@ -1817,6 +1834,10 @@ const handleExplainBack = () => { color: var(--museum-accent); } +.guide-quick-action.explain .guide-quick-icon { + color: #151713; +} + .guide-quick-icon-floor { position: absolute; left: 3px; @@ -1859,6 +1880,32 @@ const handleExplainBack = () => { border-radius: 50%; } +.guide-quick-explain-wave { + position: absolute; + left: 2px; + right: 2px; + height: 4px; + border: 1.8px solid currentColor; + border-left: 0; + border-right: 0; + border-bottom: 0; + border-radius: 999px 999px 0 0; +} + +.guide-quick-explain-wave.top { + top: 3px; +} + +.guide-quick-explain-wave.middle { + top: 9px; + left: 5px; +} + +.guide-quick-explain-wave.bottom { + top: 15px; + right: 6px; +} + .guide-quick-action-text { width: 100%; font-size: 12px;