diff --git a/pwuniapp/App.vue b/pwuniapp/App.vue
index 4cf6611..d17cfc1 100644
--- a/pwuniapp/App.vue
+++ b/pwuniapp/App.vue
@@ -26,7 +26,7 @@ view, text, image, input, button {
box-sizing: border-box;
}
-/* 触控反馈标准类 (满足 UI/UX Pro Max 规范) */
+/* 触控反馈标准类 (严格满足 UI/UX 规范：100ms 内微缩放与透明度反馈，无布局位移) */
.btn-active:active, .card-active:active {
transform: scale(0.98);
opacity: 0.9;
@@ -40,4 +40,46 @@ view, text, image, input, button {
height: 0;
color: transparent;
}
+
+/* H5 PC 模式响应式移动端容器居中（如在浏览器访问 http://localhost:5174/ 时） */
+/* #ifdef H5 */
+html, body {
+ background-color: #050811 !important;
+ margin: 0;
+ padding: 0;
+ overflow-x: hidden;
+ height: 100%;
+}
+
+uni-app {
+ max-width: 450px !important;
+ margin: 0 auto !important;
+ min-height: 100vh !important;
+ box-shadow: 0 0 60rpx rgba(0, 0, 0, 0.9) !important;
+ position: relative !important;
+ background-color: #0A0F1D !important;
+}
+
+uni-page-head {
+ max-width: 450px !important;
+ left: 0 !important;
+ right: 0 !important;
+ margin: 0 auto !important;
+}
+
+uni-tabbar, .uni-tabbar {
+ position: fixed !important;
+ bottom: 0 !important;
+ left: 0 !important;
+ right: 0 !important;
+ margin: 0 auto !important;
+ max-width: 450px !important;
+ width: 100% !important;
+ z-index: 9999 !important;
+}
+
+uni-tabbar .uni-tabbar__bd {
+ background-color: #151D30 !important;
+}
+/* #endif */
diff --git a/pwuniapp/common/icons.js b/pwuniapp/common/icons.js
new file mode 100644
index 0000000..2516098
--- /dev/null
+++ b/pwuniapp/common/icons.js
@@ -0,0 +1,189 @@
+/**
+ * 电竞暗夜流光矢量 SVG 图标库 (Cyber-Esports SVG Icons)
+ * 严格遵照 UI/UX 规范：杜绝系统 Emoji，全矢量渲染，支持无损缩放与跨端显示
+ */
+
+function svgToUri(svg) {
+ return 'data:image/svg+xml;utf8,' + encodeURIComponent(svg.trim());
+}
+
+export const ICONS = {
+ // 基础与通用
+ search: svgToUri(`
+
+ `),
+
+ // 游戏分类
+ gameAll: svgToUri(`
+
+ `),
+
+ gameCrown: svgToUri(`
+
+ `),
+
+ gameCrosshair: svgToUri(`
+
+ `),
+
+ gameSwords: svgToUri(`
+
+ `),
+
+ gameTarget: svgToUri(`
+
+ `),
+
+ gameBlade: svgToUri(`
+
+ `),
+
+ gameTrophy: svgToUri(`
+
+ `),
+
+ // 金刚区与功能
+ teamUp: svgToUri(`
+
+ `),
+
+ ticket: svgToUri(`
+
+ `),
+
+ orderList: svgToUri(`
+
+ `),
+
+ expertBadge: svgToUri(`
+
+ `),
+
+ // 动作与状态
+ bolt: svgToUri(`
+
+ `),
+
+ clock: svgToUri(`
+
+ `),
+
+ mic: svgToUri(`
+
+ `),
+
+ chat: svgToUri(`
+
+ `),
+
+ headphones: svgToUri(`
+
+ `),
+
+ shield: svgToUri(`
+
+ `),
+
+ bell: svgToUri(`
+
+ `),
+
+ settings: svgToUri(`
+
+ `),
+
+ share: svgToUri(`
+
+ `),
+
+ play: svgToUri(`
+
+ `),
+
+ pause: svgToUri(`
+
+ `)
+};
diff --git a/pwuniapp/common/mock.js b/pwuniapp/common/mock.js
index 2eb1f2a..e6dc225 100644
--- a/pwuniapp/common/mock.js
+++ b/pwuniapp/common/mock.js
@@ -1,11 +1,13 @@
+import { ICONS } from './icons.js';
+
export const GAMES_LIST = [
- { id: 'all', name: '全部', icon: '🎮', hot: true },
- { id: 'wzry', name: '王者荣耀', icon: '👑', hot: true },
- { id: 'hpjy', name: '和平精英', icon: '🎯', hot: true },
- { id: 'lol', name: '英雄联盟', icon: '⚔️', hot: true },
- { id: 'val', name: '无畏契约', icon: '🔫', hot: true },
- { id: 'yjjw', name: '永劫无间', icon: '🗡️', hot: false },
- { id: 'pubg', name: '绝地求生', icon: '🏆', hot: false },
+ { id: 'all', name: '全部', icon: ICONS.gameAll, hot: true },
+ { id: 'wzry', name: '王者荣耀', icon: ICONS.gameCrown, hot: true },
+ { id: 'hpjy', name: '和平精英', icon: ICONS.gameCrosshair, hot: true },
+ { id: 'lol', name: '英雄联盟', icon: ICONS.gameSwords, hot: true },
+ { id: 'val', name: '无畏契约', icon: ICONS.gameTarget, hot: true },
+ { id: 'yjjw', name: '永劫无间', icon: ICONS.gameBlade, hot: false },
+ { id: 'pubg', name: '绝地求生', icon: ICONS.gameTrophy, hot: false },
];
export const BANNERS = [
@@ -18,7 +20,7 @@ export const EXPERTS_LIST = [
{
id: 'exp_101',
nickname: '月色浅浅',
- avatar: 'https://images.unsplash.com/photo-1534528741775-53994a69daeb?w=200&h=200&fit=crop&crop=faces',
+ avatar: 'https://images.unsplash.com/photo-1534528741775-53994a69daeb?w=300&h=300&fit=crop&crop=faces',
coverImage: 'https://images.unsplash.com/photo-1542751371-adc38448a05e?w=800&h=400&fit=crop',
gender: 'female',
age: 21,
@@ -47,7 +49,7 @@ export const EXPERTS_LIST = [
{
id: 'exp_102',
nickname: '夜鹰狙神',
- avatar: 'https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=200&h=200&fit=crop&crop=faces',
+ avatar: 'https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=300&h=300&fit=crop&crop=faces',
coverImage: 'https://images.unsplash.com/photo-1511512578047-dfb367046420?w=800&h=400&fit=crop',
gender: 'male',
age: 23,
@@ -75,7 +77,7 @@ export const EXPERTS_LIST = [
{
id: 'exp_103',
nickname: '软软喵',
- avatar: 'https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=200&h=200&fit=crop&crop=faces',
+ avatar: 'https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=300&h=300&fit=crop&crop=faces',
coverImage: 'https://images.unsplash.com/photo-1538481199705-c710c4e965fc?w=800&h=400&fit=crop',
gender: 'female',
age: 20,
@@ -97,7 +99,7 @@ export const EXPERTS_LIST = [
{
id: 'exp_104',
nickname: '瞬移者雷克',
- avatar: 'https://images.unsplash.com/photo-1500648767791-00dcc994a43e?w=200&h=200&fit=crop&crop=faces',
+ avatar: 'https://images.unsplash.com/photo-1500648767791-00dcc994a43e?w=300&h=300&fit=crop&crop=faces',
coverImage: 'https://images.unsplash.com/photo-1550745165-9bc0b252726f?w=800&h=400&fit=crop',
gender: 'male',
age: 22,
diff --git a/pwuniapp/pages/activity/detail.vue b/pwuniapp/pages/activity/detail.vue
index 29d3b3f..f13f78e 100644
--- a/pwuniapp/pages/activity/detail.vue
+++ b/pwuniapp/pages/activity/detail.vue
@@ -93,7 +93,7 @@
- 🎟️
+
我的门票