PC端的部分适配

This commit is contained in:
2026-03-16 17:47:10 +08:00
parent 798dd7c9a0
commit cb2087f779
30 changed files with 4242 additions and 438 deletions

View File

@@ -59,6 +59,9 @@ const SearchBar: React.FC<SearchBarProps> = ({
onFocus={handleFocus}
onBlur={handleBlur}
autoFocus={autoFocus}
// 确保光标可见
cursorColor={colors.primary.main}
selectionColor={`${colors.primary.main}40`}
/>
{value.length > 0 && (
<TouchableOpacity
@@ -87,18 +90,22 @@ const styles = StyleSheet.create({
height: 46,
borderWidth: 1,
borderColor: '#E7E7E7',
shadowColor: '#000',
shadowOffset: { width: 0, height: 2 },
shadowOpacity: 0.09,
shadowRadius: 6,
elevation: 2,
// 减少常态阴影,避免看起来像"黑框"
shadowColor: 'transparent',
shadowOffset: { width: 0, height: 0 },
shadowOpacity: 0,
shadowRadius: 0,
elevation: 0,
},
containerFocused: {
borderColor: `${colors.primary.main}66`,
shadowColor: colors.primary.main,
shadowOpacity: 0.18,
shadowRadius: 10,
elevation: 4,
// 焦点时使用更柔和的边框颜色
borderColor: colors.primary.main,
// 不添加额外的阴影,保持简洁
shadowColor: 'transparent',
shadowOffset: { width: 0, height: 0 },
shadowOpacity: 0,
shadowRadius: 0,
elevation: 0,
},
searchIconWrap: {
width: 30,