📦 文化景区分类

src/pages.json

@@ -62,6 +62,13 @@
       }
     },
     {
+      "path": "pages/travel/scenic-spot/list",
+      "style": {
+        "navigationBarTitleText": "文化景区",
+        "enablePullDownRefresh": true
+      }
+    },
+    {
       "path": "pages/travel/fashion/list",
       "style": {
         "navigationBarTitleText": "闽南歌曲",

src/pages/travel.vue

@@ -146,13 +146,7 @@ const subTabs = [
   { 
     name: '文化景区', 
     icon: CategoryIcon2 , 
-    onClick: () => navTo('/pages/article/common/list', {
-      title: '文化景区',
-      mainBodyColumnId: 273,
-      modelId: 17,
-      itemType: 'article-common',
-      detailsPage: '/pages/article/details',
-    }) 
+    onClick: () => navTo('/pages/travel/scenic-spot/list') 
   },
   { 
     name: '旅游路线', 

src/pages/travel/scenic-spot/list.vue

@@ -0,0 +1,57 @@
+<template>
+  <CommonListPage 
+    title="文化景区"
+    itemType="article-common"
+    showTotal
+    detailsPage="/pages/article/details"
+    :dropDownNames="dropdownNames"
+    :detailsParams="detailsParams"
+    :tabs="[
+      {
+        id: 273,
+        text: '文化景点',
+      },
+      {
+        id: 353,
+        text: '文化景区',
+      },
+    ]"
+    :load="loadData" 
+  />
+</template>
+
+<script setup lang="ts">
+import CommonContent, { GetContentListParams } from '@/api/CommonContent';
+import ScenicSpotContent from '@/api/fusion/ScenicSpotContent';
+import CommonListPage, { type DropDownNames } from '@/pages/article/common/CommonListPage.vue';
+import { onMounted, ref } from 'vue';
+
+const dropdownNames = ref<DropDownNames[]>([]);
+
+async function loadData(
+  page: number, 
+  pageSize: number,
+  searchText: string,
+  dropDownValues: number[],
+  tabId: number,
+) {
+  detailsParams.value.mainBodyColumnId = tabId;
+  const res = (await ScenicSpotContent.getContentList(new GetContentListParams()
+    .setMainBodyColumnId(tabId)
+    .setKeywords(searchText)
+    .setSelfValues({
+
+    })
+  , page, pageSize));
+  return res;
+}
+
+const detailsParams = ref({
+  mainBodyColumnId: 0,
+  modelId: 16,
+});
+
+onMounted(async () => {
+  
+})
+</script>