🎨 修改显示细节

src/assets/scss/main.scss

@@ -2,7 +2,7 @@ html, body {
   position: relative;
   margin: 0;
   padding: 0;
-  font-size: 20px;
+  font-size: 15px;
 }
 
 :root {

src/components/small/Tab.vue

@@ -15,7 +15,7 @@
 </template>
 
 <script setup lang="ts">
-import { ref, watch, defineProps, defineEmits, type PropType } from 'vue';
+import { ref, watch, type PropType } from 'vue';
 
 const props = defineProps({
   modelValue: {

src/views/Content/TabVillageList.vue

@@ -34,6 +34,7 @@ const loader = useSimpleDataLoader(async () => {
       .map((item, index) => {
         return {
           title: item.villageName,
+          
           desc: item.desc,
           ...item,
           addItems: [],

src/views/Details/CommonDetail.vue

@@ -44,11 +44,13 @@ watch(route, () => loader.loadData(undefined, true));
           <h1>{{ loader.content.value?.title }}</h1>
           <slot name="afterTitle" :content="loader.content.value" />
           <slot name="content" :content="loader.content.value">
-            <Vue3Marquee style="width:100%;" :duration="70" :delay="10" vertical>      
+            <video v-if="loader.content.value?.video" :src="loader.content.value?.video" autoplay controls style="width:100%;height: 60vh;" />
+            <Vue3Marquee v-else style="width:100%;" :duration="70" :delay="10" vertical>      
               <div class="d-flex flex-col w-100">
                 <slot name="beforeContent" :content="loader.content.value" />
                 <SimpleRichHtml :contents="[ loader.content.value?.content as string || '暂无' ]" noScroll :tagStyle="CommonHtmlStyles" />
                 <slot name="afterContent" :content="loader.content.value" />
+                <audio v-if="loader.content.value?.audio" :src="loader.content.value?.audio" controls />
               </div>
             </Vue3Marquee>
           </slot>