feat: 首页更新

pages/HomeScreen/components/GameMainMenus/styles.ts

@@ -0,0 +1,47 @@
+import { createThemeStyles } from '@/theme';
+import { Dimensions } from 'react-native';
+
+// const { width } = Dimensions.get('window');
+// const BANNER_HEIGHT = width * 0.32534; // 保持 32.534% 的宽高比
+
+/**
+ * 创建主题样式
+ */
+export const styles = createThemeStyles((colors) => ({
+  container: {
+    backgroundColor: colors.background,
+    paddingVertical: 10,
+    borderBottomWidth: 1,
+    borderBottomColor: colors.border,
+  },
+  scrollView: {
+    paddingHorizontal: 12,
+  },
+  menuItem: {
+    paddingHorizontal: 16,
+    paddingVertical: 10,
+    marginRight: 8,
+    borderRadius: 22,
+    backgroundColor: colors.backgroundSecondary,
+    justifyContent: 'center',
+    alignItems: 'center',
+    elevation: 1,
+    shadowColor: colors.cardShadow,
+    shadowOffset: { width: 0, height: 1 },
+    shadowOpacity: 0.1,
+    shadowRadius: 2,
+  },
+  menuItemActive: {
+    backgroundColor: colors.primary,
+    elevation: 2,
+    shadowOpacity: 0.15,
+  },
+  menuText: {
+    fontSize: 13,
+    color: colors.text,
+    fontWeight: '600',
+  },
+  menuTextActive: {
+    color: '#FFFFFF',
+  },
+}));