fix:前端修改(真最后一次)

design-preview/index.html

@@ -612,45 +612,49 @@
     <div class="links"><span onclick="navTo('screen-home')">首页</span><span onclick="navTo('screen-products')">基金产品</span><span onclick="navTo('screen-account')">用户中心</span><span onclick="navTo('screen-admin')">员工工作台</span></div>
     <div class="avatar navlink" onclick="navTo('screen-account')">李</div></div>
   <div class="section" style="padding-bottom:0">
-    <div class="xs faint">欢迎回来</div>
+    <div class="xs faint">Personal Account</div>
     <h1 style="font-size:34px;font-weight:600;color:var(--navy)">用户中心</h1>
+    <div class="xs muted mt8">139****0041</div>
   </div>
   <div class="section" style="padding-top:20px">
-    <div class="grid g4">
-      <div class="card stat"><div class="label">总资产</div>
-        <div class="value">¥ 1,284,600</div><div class="sub">较昨日 +0.42%</div></div>
-      <div class="card stat"><div class="label">持仓收益</div>
-        <div class="value up">+¥ 86,240</div><div class="sub">收益率 +7.19%</div></div>
-      <div class="card stat"><div class="label">风险等级</div>
-        <div class="value">C3</div><div class="sub">稳健型</div></div>
-      <div class="card stat"><div class="label">待办</div>
-        <div class="value">2</div><div class="sub">风险测评待更新</div></div>
+    <div class="row between" style="margin-bottom:16px">
+      <span class="navlink xs" onclick="navTo('screen-home')">← 返回首页</span>
+      <button class="btn btn-sm">刷新账户数据</button></div>
+
+    <div class="grid g3">
+      <div class="card stat" style="background:var(--navy);border-color:var(--navy)">
+        <div class="label" style="color:#bfdbfe">账户余额</div>
+        <div class="value" style="color:#fff">¥0.00</div>
+        <div class="sub" style="color:#93c5fd">该账户暂无余额记录</div></div>
+      <div class="card stat"><div class="label">持仓总金额</div>
+        <div class="value">¥6,740.45</div><div class="sub">共 1 只基金</div></div>
+      <div class="card stat"><div class="label">风险测评</div>
+        <div class="value" style="font-size:19px">待完成测评</div>
+        <div class="sub">当前后端仅提供提交接口</div></div>
     </div>
 
     <div class="grid g2 mt16">
       <div class="card"><div class="card-head"><div>
-        <div class="card-title">我的持仓</div><div class="card-desc">按市值排序</div></div>
-        <button class="btn btn-sm btn-ghost">刷新</button></div>
+        <div class="card-title">我的持仓</div>
+        <div class="card-desc">点击任一行查看该基金详情</div></div></div>
         <div class="table-wrap"><table>
-          <thead><tr><th>基金</th><th>持有份额</th><th>市值</th><th>收益</th></tr></thead>
+          <thead><tr><th>基金</th><th>持有份额</th><th>市值</th><th>盈亏</th></tr></thead>
           <tbody>
-            <tr><td>华夏成长混合</td><td>12,400.00</td><td>¥ 27,081</td><td class="up">+12.4%</td></tr>
-            <tr><td>华夏复兴股票</td><td>5,200.00</td><td>¥ 15,818</td><td class="down">-3.1%</td></tr>
-            <tr><td>华夏稳健债券</td><td>30,000.00</td><td>¥ 39,780</td><td class="up">+2.6%</td></tr>
+            <tr class="navlink" onclick="navTo('screen-detail')">
+              <td><div class="b sm">XX沪港深灵活配置</div>
+                  <div class="xs faint">110011 · R4</div></td>
+              <td>3,910.0000</td><td>¥6,740.45</td><td class="down">-10.11</td></tr>
           </tbody></table></div></div>
 
       <div class="card"><div class="card-head"><div>
         <div class="card-title">快捷操作</div></div></div>
         <div class="card-body">
           <div class="row wrap">
-            <button class="btn btn-primary">申购</button><button class="btn">赎回</button>
-            <button class="btn">转换</button><button class="btn">重新测评</button></div>
-          <div class="mt16 b sm">消息通知</div>
-          <div class="xs muted mt8">· 您的风险测评将于 30 天后过期</div>
-          <div class="xs muted">· 华夏成长混合 09-13 净值已更新</div>
+            <button class="btn btn-primary">申购基金</button><button class="btn">赎回基金</button></div>
           <div class="mt16 b sm">交易记录</div>
-          <div class="xs muted mt8">· 09-12 申购 华夏稳健债券 ¥ 10,000</div>
-          <div class="xs muted">· 09-05 赎回 华夏复兴股票 1,000 份</div>
+          <div class="xs muted mt8">当前后端暂未提供交易记录查询接口，页面不会展示虚构数据。</div>
+          <div class="mt16 b sm">消息通知</div>
+          <div class="xs muted mt8">当前后端暂未提供用户消息查询接口。</div>
         </div></div>
     </div>
   </div>