feat(mobile): SVG icon system + team disband feature

图标/界面优化(问题1):
- new MobileIcon.vue: 统一 SVG 图标组件(40+ 图标,2px 描边风,currentColor)
- 重画占位图 default-avatar.svg / game-placeholder.svg(去 emoji,纯描边)
- 替换全部 emoji 为 SVG:登录品牌🎮、组队🔊、事件🕐📍、胜出🏆、人气🔥、
  邀请🔗🎮、状态切换🟢🔴 等
- 重做底部 Tab 栏:van-icon 默认 → 自定义 SVG(激活态主色高亮)
- 顶部栏 bell、群组详情快捷入口(账本/资产/黑名单)换 SVG
- mobile.css 全局体验增强:按钮按压反馈、空状态、骨架屏工具类、
  页面淡入动画、Toast 刘海屏适配、滚动条隐藏、省略号工具类

组队解散功能(问题2):
- ActivityFeedMobile 补结束/解散按钮(招募中→解散,游戏中→结束游戏)
- 调用 teamStore.finishGame(),带确认弹窗
- 与 PC 端 TeamSessionPanel 行为一致(session 存在且招募/游戏中时群组成员可操作)

build verified: vue-tsc + vite build pass
This commit is contained in:
锦麟 王
2026-06-18 15:14:38 +08:00
parent f79bdac889
commit 7cd53ac420
16 changed files with 446 additions and 62 deletions
+15 -3
View File
@@ -1,5 +1,17 @@
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="260" viewBox="0 0 200 260">
<rect fill="#e8f5e9" width="200" height="260"/>
<text x="100" y="120" text-anchor="middle" fill="#059669" font-size="48">🎮</text>
<text x="100" y="155" text-anchor="middle" fill="#6b7280" font-size="14">暂无封面</text>
<defs>
<linearGradient id="gBg" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="#f0fdf4"/>
<stop offset="100%" stop-color="#dcfce7"/>
</linearGradient>
</defs>
<rect fill="url(#gBg)" width="200" height="260"/>
<!-- 手柄主体 -->
<rect x="44" y="108" width="112" height="58" rx="20" fill="none" stroke="#059669" stroke-width="3.5"/>
<!-- 左侧十字方向 -->
<path d="M70 137v-10M65 132h10" stroke="#059669" stroke-width="3.5" stroke-linecap="round"/>
<!-- 右侧按钮 -->
<circle cx="125" cy="128" r="3.2" fill="#10b981"/>
<circle cx="138" cy="142" r="3.2" fill="#10b981"/>
<text x="100" y="200" text-anchor="middle" fill="#059669" font-size="13" font-family="system-ui,sans-serif" font-weight="500">暂无封面</text>
</svg>

Before

Width:  |  Height:  |  Size: 327 B

After

Width:  |  Height:  |  Size: 874 B