提交

frontend/src/views/HomeView.vue

@@ -4,7 +4,7 @@ import { RouterLink } from 'vue-router';
 import MarketOverview from '@/components/MarketOverview.vue';
 import MarketSyncBar from '@/components/MarketSyncBar.vue';
 
-// 首页：大盘行情总览 + 三大功能入口（看股 / 选股 / 回测）
+// 首页：大盘行情总览 + 功能入口（看股 / ETF / 选股 / 回测）
 const features = [
   {
     to: '/stocks',
@@ -13,6 +13,13 @@ const features = [
     title: '看股',
     desc: '浏览全市场 5,400+ 只股票的信息与历史 K 线数据。',
   },
+  {
+    to: '/etfs',
+    icon: 'M21.21 15.89A10 10 0 1 1 8 2.83M22 12A10 10 0 0 0 12 2v10h10z',
+    accent: 'bg-violet-500/15 text-violet-300',
+    title: 'ETF',
+    desc: '浏览全市场 1,500+ 只场内 ETF 的行情、规模与 K 线。',
+  },
   {
     to: '/screener',
     icon: 'M12 3l1.9 5.1L19 10l-5.1 1.9L12 17l-1.9-5.1L5 10l5.1-1.9L12 3z',
@@ -31,12 +38,12 @@ const features = [
 </script>
 
 <template>
-  <div class="w-full max-w-5xl">
+  <div class="w-full max-w-6xl">
     <MarketOverview />
 
     <MarketSyncBar />
 
-    <div class="grid gap-6 sm:grid-cols-2 lg:grid-cols-3">
+    <div class="grid gap-6 sm:grid-cols-2 lg:grid-cols-4">
       <RouterLink
         v-for="f in features"
         :key="f.to"