You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
48 lines
1.1 KiB
48 lines
1.1 KiB
1 month ago
|
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',
|
||
|
|
},
|
||
|
|
}));
|