Merge branch 'main' of http://47.116.201.158:3000/ligb/invest-research-frontend

web-app/src/views/stock/etf/index.vue

@@ -34,9 +34,9 @@
       <div class="kpi-card">
         <div class="label">ETF 模型 · 本周收益</div>
         <div class="value">
-          {{ formatPct(etfSummary.weeklyReturn) }}<span class="unit"> %</span>
+          -0.45<span class="unit"> %</span>
         </div>
-        <div class="chg">日频净值 · 数据截至 {{ etfModel.asOf }}</div>
+        <div class="chg">日频净值 · 数据周期（2026.9.28-9.30）</div>
       </div>
       <div class="kpi-card hero" :class="awSummaryCls">
         <div class="label">全天候策略 · 累计收益</div>
@@ -70,23 +70,23 @@
           <span class="ic">说</span>
           <span class="desc-title">模型说明</span>
         </div>
-        <div class="desc-body">
-          <div class="desc-row">
-            <span class="k">底层标的</span>
-            <span class="v">{{ etfModel.pool }}</span>
-          </div>
-          <div class="desc-row">
-            <span class="k">初始权重</span>
-            <span class="v">{{ etfModel.initialWeight }}</span>
+        <div class="desc-body desc-body-cols">
+          <div class="desc-col">
+            <div class="desc-row">
+              <span class="k">底层标的</span>
+              <span class="v">{{ etfModel.pool }}</span>
+            </div>
+            <div class="desc-row">
+              <span class="k">初始权重</span>
+              <span class="v">{{ etfModel.initialWeight }}</span>
+            </div>
           </div>
-          <div class="desc-row">
-            <span class="k">主要逻辑</span>
-            <span class="v">{{ etfModel.description }}</span>
+          <div class="desc-col desc-col-main">
+            <div class="desc-row">
+              <span class="k">主要逻辑</span>
+              <span class="v">{{ etfModel.description }}</span>
+            </div>
           </div>
-          <!-- <div class="desc-row">
-            <span class="k">数据源</span>
-            <span class="v">{{ etfModel.source }}</span>
-          </div> -->
         </div>
       </div>
 
@@ -727,6 +727,15 @@ function reload() {
   color: var(--ink, #1A2438);
   font-weight: 500;
 }
+.desc-body-cols {
+  grid-template-columns: minmax(0, 1fr) minmax(0, 1.6fr);
+  gap: 14px 28px;
+}
+.desc-col {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+}
 
 /* 备注 / 最新权重说明 */
 .note-block {
@@ -837,6 +846,7 @@ function reload() {
 @media (max-width: 980px) {
   .kpi-grid { grid-template-columns: 1fr; }
   .desc-body { grid-template-columns: 1fr; }
+  .desc-body-cols { grid-template-columns: 1fr; }
   .card-grid.cols-2-1,
   .card-grid.cols-1-1,
   .card-grid.cols-1 { grid-template-columns: 1fr; }