From 6fef616205b910424fd9cdc94b734dfcbe1893ad Mon Sep 17 00:00:00 2001 From: Pine Date: Thu, 27 Aug 2026 20:20:35 +0800 Subject: [PATCH] =?UTF-8?q?style(user-center):=20=E6=9C=8D=E5=8A=A1/?= =?UTF-8?q?=E7=A9=BA=E7=8A=B6=E6=80=81=E5=9B=BE=E6=A0=87=E6=94=B9=E7=BA=BF?= =?UTF-8?q?=E6=80=A7=20SVG=20Icon=EF=BC=8C=E5=8E=BB=E6=8E=89=E8=A1=A8?= =?UTF-8?q?=E6=83=85=E7=AC=A6=E5=8F=B7?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - Profile 我的服务宫格 + My*/空状态 用 @/components/atoms 的 Icon atom(calendar/route/map-pin/shield)，禁止 emoji 图标 - user-center.css 补 uc-svc-icon/uc-empty-icon 尺寸与配色 --- website/src/styles/user-center.css | 5 +++-- website/src/user/MyBookings.jsx | 3 ++- website/src/user/MyCert.jsx | 3 ++- website/src/user/MyPark.jsx | 3 ++- website/src/user/MyTasks.jsx | 3 ++- website/src/user/Profile.jsx | 10 +++++----- 6 files changed, 16 insertions(+), 11 deletions(-) diff --git a/website/src/styles/user-center.css b/website/src/styles/user-center.css index 980253d..a767a24 100644 --- a/website/src/styles/user-center.css +++ b/website/src/styles/user-center.css @@ -40,7 +40,8 @@ transition: transform .2s var(--ease), box-shadow .2s var(--ease); } .uc-service:hover { transform: translateY(-3px); } -.uc-service .i { font-size: 22px; line-height: 1; } +.uc-service .i { font-size: 22px; line-height: 1; color: var(--primary); } +.uc-service .i .uc-svc-icon { width: 22px; height: 22px; } .uc-service .t { font-weight: 600; font-size: 16px; } .uc-service .d { font-size: 13px; color: var(--muted); } .uc-service .d .badge { margin-left: 4px; } @@ -68,7 +69,7 @@ /* ---------- 空态 ---------- */ .uc-empty { text-align: center; padding: 48px 20px; color: var(--muted); } -.uc-empty .big { font-size: 44px; margin-bottom: 8px; opacity: .5; } +.uc-empty .uc-empty-icon { width: 44px; height: 44px; color: var(--muted); opacity: .55; margin: 0 auto 10px; display: block; } /* ---------- 顶栏用户菜单（头像+用户名 胶囊 + 下拉） ---------- */ .user-menu { position: relative; flex: 0 0 auto; } diff --git a/website/src/user/MyBookings.jsx b/website/src/user/MyBookings.jsx index 1a8e249..82cfd65 100644 --- a/website/src/user/MyBookings.jsx +++ b/website/src/user/MyBookings.jsx @@ -1,5 +1,6 @@ import React from 'react'; import { ContentTemplate } from '@/components/templates'; +import { Icon } from '@/components/atoms'; import AuthGate from '@/components/AuthGate'; import { getUser } from '@/services/auth'; import { myBookings } from '@/services/booking'; @@ -65,7 +66,7 @@ export default function MyBookings() { ) : loaded ? (
-
📋
+

还没有报名记录，去参加一场公益课或沙龙吧。

去看看活动 →
diff --git a/website/src/user/MyCert.jsx b/website/src/user/MyCert.jsx index 98e05de..1f0d002 100644 --- a/website/src/user/MyCert.jsx +++ b/website/src/user/MyCert.jsx @@ -1,5 +1,6 @@ import React from 'react'; import { ContentTemplate } from '@/components/templates'; +import { Icon } from '@/components/atoms'; import AuthGate from '@/components/AuthGate'; import { getUser } from '@/services/auth'; import { getOpCertMine } from '@/services/opcProfile'; @@ -57,7 +58,7 @@ export default function MyCert() { {!certified && (
-
🏅
+

{status === 'reviewing' ? '认证资料审核中，请耐心等待。' : '完成申请与认证流程，成为 OPC 创业伙伴。'}

去认证 →
diff --git a/website/src/user/MyPark.jsx b/website/src/user/MyPark.jsx index 4a6720b..91ccdbb 100644 --- a/website/src/user/MyPark.jsx +++ b/website/src/user/MyPark.jsx @@ -1,5 +1,6 @@ import React from 'react'; import { ContentTemplate } from '@/components/templates'; +import { Icon } from '@/components/atoms'; import AuthGate from '@/components/AuthGate'; import { getUser } from '@/services/auth'; import { myParkAdmission } from '@/services/park'; @@ -58,7 +59,7 @@ export default function MyPark() { {loaded && !name && (
-
🏢
+

你还没有提交园区入驻申请。

去申请入驻 →
diff --git a/website/src/user/MyTasks.jsx b/website/src/user/MyTasks.jsx index b5b3a5d..b2ef0db 100644 --- a/website/src/user/MyTasks.jsx +++ b/website/src/user/MyTasks.jsx @@ -1,5 +1,6 @@ import React from 'react'; import { ContentTemplate } from '@/components/templates'; +import { Icon } from '@/components/atoms'; import AuthGate from '@/components/AuthGate'; import { getUser } from '@/services/auth'; import { myTasks } from '@/services/tasks'; @@ -49,7 +50,7 @@ export default function MyTasks() { ) : (
-
🧩
+

还没有承接的任务，去任务广场看看吧。

去任务广场 →
diff --git a/website/src/user/Profile.jsx b/website/src/user/Profile.jsx index 4ed47e4..c08891c 100644 --- a/website/src/user/Profile.jsx +++ b/website/src/user/Profile.jsx @@ -174,10 +174,10 @@ export default function Profile() { } const svcGrid = [ - ['📋', '我的报名', svc.bk == null ? '加载中…' : `${svc.bk} 条报名`, '#/my-bookings'], - ['🧩', '我的任务', svc.tk == null ? '加载中…' : `${svc.tk} 个任务`, '#/my-tasks'], - ['🏢', '我的园区', svc.park, '#/my-park'], - ['🏅', '我的认证', svc.cert, '#/my-cert'], + ['calendar', '我的报名', svc.bk == null ? '加载中…' : `${svc.bk} 条报名`, '#/my-bookings'], + ['route', '我的任务', svc.tk == null ? '加载中…' : `${svc.tk} 个任务`, '#/my-tasks'], + ['map-pin', '我的园区', svc.park, '#/my-park'], + ['shield', '我的认证', svc.cert, '#/my-cert'], ]; return ( @@ -207,7 +207,7 @@ export default function Profile() {
{svcGrid.map(([icon, t, d, href]) => ( - {icon} + {t} {d}