fix

Author: Layau-code

web/src/components/Favicon.vue

@@ -1,7 +1,7 @@
 <template>
   <!-- Fallback: 首字母徽标 -->
   <div v-if="!hasValidSource || !hasIcon" class="w-5 h-5 rounded-full flex items-center justify-center text-[10px] font-semibold"
-       style="flex:none;transition: all 0.2s ease; background: linear-gradient(135deg, #1D9BF0 0%, #2B6BFF 50%, #37B4FF 100%); color: #FFFFFF">
+       style="flex:none;transition: all 0.2s ease; background: #3b82f6; color: #FFFFFF">
     {{ initial }}
   </div>
   <!-- Favicon with multi-source fallback -->
@@ -28,17 +28,14 @@ const parsed = computed(() => {
 const domain = computed(() => (parsed.value?.hostname || '').replace(/^www\./, ''))
 const origin = computed(() => parsed.value?.origin || '')
 
-// 更“国内友好”的回退顺序：站点本身 → DuckDuckGo → iowen → Clearbit
+// 更"国内友好"的回退顺序：站点本身 → DuckDuckGo → 直接显示首字母
 const sources = computed(() => {
   const d = domain.value
   if (!d) return []
   const arr = []
+  // 只尝试两个来源：站点本身和 DuckDuckGo
   if (origin.value) arr.push(() => `${origin.value}/favicon.ico`)
-  arr.push(
-    () => `https://icons.duckduckgo.com/ip3/${d}.ico`,
-    () => `https://api.iowen.cn/favicon/${d}.png`,
-    () => `https://logo.clearbit.com/${d}`,
-  )
+  arr.push(() => `https://icons.duckduckgo.com/ip3/${d}.ico`)
   return arr
 })
 
@@ -51,8 +48,12 @@ const src = computed(() => {
 const initial = computed(() => (domain.value[0] || '?').toUpperCase())
 
 function showFallback(){
-  if (current.value < sources.value.length - 1) current.value++
-  else hasIcon.value = false
+  if (current.value < sources.value.length - 1) {
+    current.value++
+  } else {
+    // 所有源都失败，显示首字母徽标
+    hasIcon.value = false
+  }
 }
 </script>
 

web/src/pages/StatsPage.vue

@@ -8,7 +8,9 @@
           <button @click="goDashboard" class="btn btn-secondary">数据看板</button>
         </div>
         <div class="flex items-center gap-3">
-          <button @click="copy(shortUrl)" class="btn btn-secondary">复制短链</button>
+          <button @click="copy(shortUrl)" class="btn btn-secondary">
+            {{ copying ? '已复制' : '复制短链' }}
+          </button>
           <button @click="openFilter" class="btn btn-primary">筛选</button>
           <button @click="exportCsv" class="btn btn-secondary">导出CSV</button>
         </div>
@@ -381,11 +383,21 @@ function getPercent(value, total) {
   return total > 0 ? Math.round(value / total * 100) : 0
 }
 
+// 复制状态
+const copying = ref(false)
+
 async function copy(text) {
   try {
+    copying.value = true
     await copyToClipboard(text)
+    // 显示复制成功提示
+    setTimeout(() => {
+      copying.value = false
+    }, 2000)
   } catch (e) {
     console.error('复制失败:', e)
+    alert('复制失败，请手动复制')
+    copying.value = false
   }
 }
 
@@ -406,6 +418,7 @@ async function fetchDetailedStats() {
     detailedStats.value = res.data
     
     // 解析分布数据
+    console.log('Detailed stats response:', res.data) // 调试信息
     hourDistribution.value = (res.data.hourDistribution || []).map(i => ({ key: i.key || i.label, count: Number(i.count || i.value || 0) }))
     weekdayDistribution.value = (res.data.weekdayDistribution || []).map(i => ({ key: i.key || i.label, count: Number(i.count || i.value || 0) }))
     deviceDistribution.value = (res.data.deviceDistribution || []).map(i => ({ key: i.key || i.label, count: Number(i.count || i.value || 0) }))
@@ -414,7 +427,12 @@ async function fetchDetailedStats() {
     countryDistribution.value = (res.data.countryDistribution || []).map(i => ({ key: i.key || i.label, count: Number(i.count || i.value || 0) }))
     sourceDistribution.value = (res.data.sourceDistribution || []).map(i => ({ key: i.key || i.label, count: Number(i.count || i.value || 0) }))
     refererDistribution.value = (res.data.refererDistribution || []).map(i => ({ key: i.key || i.label, count: Number(i.count || i.value || 0) }))
-  } catch (e) { console.error('fetchDetailedStats error:', e) }
+    
+    console.log('Hour distribution:', hourDistribution.value)
+    console.log('Device distribution:', deviceDistribution.value)
+  } catch (e) { 
+    console.error('fetchDetailedStats error:', e) 
+  }
 }
 
 async function fetchTrend() {