diff --git a/src/pages/Discovery/components/FindTabs/index.vue b/src/pages/Discovery/components/FindTabs/index.vue
index 8964976..e48ccc9 100644
--- a/src/pages/Discovery/components/FindTabs/index.vue
+++ b/src/pages/Discovery/components/FindTabs/index.vue
@@ -18,7 +18,7 @@
>
- {{ tab.label }}
+ {{ tab.tagName }}
diff --git a/src/pages/Discovery/components/PanoramicHome/index.vue b/src/pages/Discovery/components/PanoramicHome/index.vue
new file mode 100644
index 0000000..372db98
--- /dev/null
+++ b/src/pages/Discovery/components/PanoramicHome/index.vue
@@ -0,0 +1,5 @@
+
+
+
+
+
\ No newline at end of file
diff --git a/src/pages/Discovery/index.vue b/src/pages/Discovery/index.vue
index e0d3bf7..81c9fc2 100644
--- a/src/pages/Discovery/index.vue
+++ b/src/pages/Discovery/index.vue
@@ -1,11 +1,14 @@
-
-
+
+
-
+
+
+
+
@@ -33,6 +36,7 @@ import QuickQuestions from "./components/QuickQuestions/index.vue";
import DiscoveryPhotoToolCard from "./components/DiscoveryPhotoToolCard/index.vue";
import DiscoveryAudioToolCard from "./components/DiscoveryAudioToolCard/index.vue";
import DiscoveryGuideMapToolCard from "./components/DiscoveryGuideMapToolCard/index.vue";
+import PanoramicHome from "./components/PanoramicHome/index.vue";
import { homeTabsData, getNearbyTags, homeTabContentData, homeQuickQuestionData } from "../../request/api/MainPageDataApi";
import { useAppStore, useLocationStore } from "@/store";
@@ -44,14 +48,17 @@ const locationStore = useLocationStore();
const sceneId = appStore.sceneId || "";
const activeIndex = ref(0);
-const discoveryTabs = ref([]);
+const discoveryTabs = ref([{
+ id: '99999',
+ tagName: "荔波全景",
+}]);
const discoveryCards = ref([]);
const exploreCards = ref([]);
const discoveryQuickQuestions = ref([]);
const emit = defineEmits(["content-scroll"]);
const isPanoramaGuideTab = computed(() => {
- return discoveryTabs.value[activeIndex.value]?.label === "测试-2.0";
+ return discoveryTabs.value[activeIndex.value]?.tagName === "荔波全景";
});
const handleContentScroll = (e) => {
@@ -64,6 +71,12 @@ const handleContentScroll = (e) => {
/// tabs 切换事件
const handleTabChange = ({ tab, idx }) => {
activeIndex.value = idx;
+ if (isPanoramaGuideTab.value) {
+ discoveryCards.value = [];
+ exploreCards.value = [];
+ discoveryQuickQuestions.value = [];
+ return;
+ }
queryDiscoveryData(tab.id);
}
@@ -72,18 +85,16 @@ const queryTabsList = async () => {
const res = await homeTabsData();
if (res.code === 0) {
/// 处理tab数据
- const tabList = res.data.map((item) => ({
- id: item.id,
- label: item.tagName,
- }));
+ const tabList = res.data;
/// 设置tab数据
- discoveryTabs.value = tabList;
+ discoveryTabs.value.push(...tabList);
/// 根据sceneId查询对应tab数据
findTabByIdWithActiveTabIndex(sceneId);
}
}
/// 根据id查询tab并设置activeIndex
const findTabByIdWithActiveTabIndex = (tabsId) => {
+ if (isPanoramaGuideTab.value) return;
/// 查询是否有id参数
const activeTabIndex = discoveryTabs.value.findIndex((tab) => tab.id === tabsId);
/// 如果有则优先展示对应tab数据,没有则展示第一个tab数据