feat： 细节调整

Author: Taois

dashboard/src/components/About.vue

@@ -25,7 +25,7 @@
           <h1 class="about-title">DrPlayer</h1>
           <p class="about-subtitle">新一代智能视频播放器</p>
           <div class="about-version">
-            <span class="version-badge">v{{ appVersion }}</span>
+            <span class="version-badge">{{ displayVersion }}</span>
           </div>
         </div>
       </div>
@@ -180,9 +180,11 @@ defineProps({
 defineEmits(['update:visible'])
 
 // 获取应用版本号
-const appVersion = computed(() => {
-  // 从 Vite 全局变量中获取版本号
-  return __APP_VERSION__ || '1.0.0'
+const appVersion = computed(() => __APP_VERSION__ || '1.0.5 20260427')
+
+const displayVersion = computed(() => {
+  const version = appVersion.value || '1.0.5 20260427'
+  return version.startsWith('v') ? version : `v${version}`
 })
 </script>
 

dashboard/src/components/Layout.vue

@@ -4,12 +4,13 @@
     :class="{
       'is-mobile': isMobile,
       'mobile-more-open': mobileMoreOpen,
+      'video-refresh-visible': showVideoRefresh,
       'is-immersive': isImmersivePage
     }"
   >
     <div class="fixed-header">
       <Header v-if="!isMobile" />
-      <div v-else class="mobile-top-bar" :class="{ 'home-theme-visible': showHomeThemeToggle }">
+      <div v-else class="mobile-top-bar" :class="{ 'home-theme-visible': showHomeThemeToggle, 'video-refresh-visible': showVideoRefresh }">
         <button v-if="showMobileBack" class="mobile-icon-btn" type="button" title="返回" @click="goBack">
           <span class="mobile-back-icon">‹</span>
         </button>
@@ -25,6 +26,9 @@
         <button v-if="showHomeThemeToggle" class="mobile-icon-btn mobile-theme-toggle" type="button" :title="themeToggleTitle" @click="toggleTheme">
           <span class="mobile-theme-text">{{ resolvedTheme === THEME_MODE.DARK ? '浅' : '深' }}</span>
         </button>
+        <button v-if="showVideoRefresh" class="mobile-icon-btn mobile-refresh-btn" type="button" title="刷新点播" @click="refreshVideoPage">
+          <span class="mobile-refresh-icon">↻</span>
+        </button>
         <button class="mobile-search-pill" type="button" title="搜索" @click="goSearch">
           <svg class="mobile-action-icon"><use href="#icon-sousuo"></use></svg>
           <span>搜索</span>
@@ -207,6 +211,7 @@ export default defineComponent({
     const showMobileBottomNav = computed(() => route.meta?.showBottomNav !== false && !isImmersivePage.value);
     const showMobileBack = computed(() => isImmersivePage.value || route.name === 'SearchAggregation');
     const showHomeThemeToggle = computed(() => route.name === 'Home');
+    const showVideoRefresh = computed(() => route.name === 'Video');
     const mobileTitle = computed(() => route.meta?.title || 'DrPlayer');
     const mobileSubtitle = computed(() => {
       if (route.name === 'Home') return '影视、直播、阅读与工具';
@@ -261,6 +266,10 @@ export default defineComponent({
 
     const isRouteActive = (routeName) => route.name === routeName;
 
+    const refreshVideoPage = () => {
+      window.dispatchEvent(new CustomEvent('reloadSource', { detail: { source: 'mobile-header' } }));
+    };
+
     const goBack = () => {
       if (window.history.length > 1) {
         router.back();
@@ -319,6 +328,7 @@ export default defineComponent({
       isImmersivePage,
       showMobileBottomNav,
       showMobileBack,
+      showVideoRefresh,
       showHomeThemeToggle,
       mobileTitle,
       mobileSubtitle,
@@ -333,6 +343,7 @@ export default defineComponent({
       themeToggleTitle,
       THEME_MODE,
       toggleTheme,
+      refreshVideoPage,
       onClickMenuItem,
       onSiderCollapse,
       closeMobileMore,
@@ -563,7 +574,8 @@ export default defineComponent({
   background: var(--dp-bg-shell);
 }
 
-.mobile-top-bar.home-theme-visible {
+.mobile-top-bar.home-theme-visible,
+.mobile-top-bar.video-refresh-visible {
   grid-template-columns: 40px minmax(0, 1fr) 36px minmax(84px, auto) 40px;
 }
 
@@ -602,6 +614,17 @@ export default defineComponent({
   box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.45);
 }
 
+.mobile-refresh-btn {
+  border: 1px solid var(--dp-border-subtle);
+  color: var(--dp-primary-readable);
+  font-weight: 800;
+}
+
+.mobile-refresh-icon {
+  font-size: 19px;
+  line-height: 1;
+}
+
 .mobile-theme-toggle {
   border: 1px solid var(--dp-border-subtle);
   color: var(--dp-primary-readable);