🎨 修改显示细节

src/components/small/GridList.vue

@@ -1,5 +1,8 @@
 <template>
-  <div :class="['grid-container']">
+  <div :class="[
+    'grid-container',
+    small ? 'small' : '',
+  ]">
     <div 
       v-for="(item, index) in list" 
       :key="index" 
@@ -45,6 +48,10 @@ const props = defineProps({
     required: true,
     default: () => [],
   },
+  small: {
+    type: Boolean,
+    default: false,
+  },
   height: {
     type: String,
     default: undefined,
@@ -111,6 +118,10 @@ function handleClick(item: Item) {
   column-gap: 1.2vw; 
   width: 100%;
 
+  &.small {
+    grid-template-rows: repeat(2, 1fr);
+  }
+
   .item  {
     position: relative;
     background-size: cover;

src/views/Content/TabCommonList.vue

@@ -6,6 +6,7 @@
       :list="loader.list.value"
       :defaultImage="defaultImage" 
       :playAudio="detailPageName === 'Play'"
+      :small="pageSize <= 8 "
       @itemClick="handleClick"
     />
     <SimplePageListContentPager :loader="loader" />
@@ -44,6 +45,10 @@ const props = defineProps({
     type: String,
     default: undefined,
   },
+  pageSize: {
+    type: Number,
+    default: 16,
+  },
   loader: {
     type: Function as PropType<(page: number, size: number) => Promise<{
         list: GetContentListItem[];
@@ -58,7 +63,7 @@ const { initSpatialNavigation } = useTvFocusImprovement();
 const emit = defineEmits(['itemClick']);
 const activeSubTab = ref(0);
 const router = useRouter();
-const loader = useSimplePagerDataLoader(16, async (page, size) => {
+const loader = useSimplePagerDataLoader(props.pageSize, async (page, size) => {
   if (props.loader)
     return props.loader(page, size);
 

src/views/Details/IntangibleDetail.vue

@@ -108,16 +108,19 @@ async function loadSubList(page: number, pageSize: number, content: any, subList
       <TabCommonList 
         v-else-if="activeSubTabId === 3" 
         :loader="(page, size) => loadSubList(page, size, content, 'worksList')"
+        :pageSize="8"
         detailPageNames="IntangibleDetail"
       />
       <TabCommonList 
         v-else-if="activeSubTabId === 5" 
         :loader="(page, size) => loadSubList(page, size, content, 'associationMeList')"
+        :pageSize="8"
         detailPageNames="IntangibleDetail"
       />
       <TabCommonList 
         v-else-if="activeSubTabId === 4" 
         :loader="(page, size) => loadSubList(page, size, content, 'inheritorsList')"
+        :pageSize="8"
         detailPageNames="IntangibleDetail"
       />
     </template>

src/views/Intangible/village/detail.vue

@@ -34,8 +34,8 @@
               v-if="data.overview"
               :contents="[ data.overview ]"
               :tag-style="{
-                a: 'text-decoration: underline ; color: #fff;',
-                p: 'color: #fff; margin-bottom: 20px;',
+                a: 'text-decoration: underline ;',
+                p: 'margin-bottom: 20px;',
                 img: 'border-radius: 10px;'
               }"
             />