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;