UI细节调整

src/components/MusicAddModal/ListItem.tsx

@@ -43,7 +43,7 @@ export const styles = createStyle({
     // backgroundColor: 'rgba(0,0,0,0.2)',
   },
   button: {
-    height: 34,
+    height: 36,
     paddingLeft: 10,
     paddingRight: 10,
     marginRight: 10,

src/components/MusicMultiAddModal/ListItem.tsx

@@ -35,7 +35,7 @@ export const styles = createStyle({
     paddingRight: 13,
   },
   button: {
-    height: 34,
+    height: 36,
     paddingLeft: 10,
     paddingRight: 10,
     marginRight: 10,

src/components/OnlineList/ListItem.tsx

@@ -55,7 +55,7 @@ export default memo(({ item, index, showSource, onPress, onLongPress, onShowMenu
   return (
     <View style={{ ...styles.listItem, height: ITEM_HEIGHT, backgroundColor: isSelected ? theme['c-primary-background-hover'] : 'rgba(0,0,0,0)' }}>
       <TouchableOpacity style={styles.listItemLeft} onPress={() => { onPress(item, index) }} onLongPress={() => { onLongPress(item, index) }}>
-      <Text style={styles.sn} size={14} color={theme['c-300']}>{index + 1}</Text>
+        <Text style={styles.sn} size={13} color={theme['c-300']}>{index + 1}</Text>
         <View style={styles.itemInfo}>
           <Text numberOfLines={1}>{item.name}</Text>
           <View style={styles.listItemSingle}>

src/components/common/Menu.tsx

@@ -9,7 +9,7 @@ import { useTheme } from '@/store/theme/hook'
 import Text from './Text'
 import { scaleSizeH, scaleSizeW } from '@/utils/pixelRatio'
 
-const menuItemHeight = scaleSizeH(38)
+const menuItemHeight = scaleSizeH(40)
 const menuItemWidth = scaleSizeW(100)
 
 export interface Position { w: number, h: number, x: number, y: number, menuWidth?: number, menuHeight?: number }

src/screens/Home/Views/Mylist/MusicList/ListItem.tsx

@@ -43,7 +43,7 @@ export default memo(({ item, index, activeIndex, onPress, onShowMenu, onLongPres
         {
           active
             ? <Icon style={styles.sn} name="play-outline" size={13} color={theme['c-primary-font']} />
-            : <Text style={styles.sn} size={14} color={theme['c-300']}>{index + 1}</Text>
+            : <Text style={styles.sn} size={13} color={theme['c-300']}>{index + 1}</Text>
         }
         <View style={styles.itemInfo}>
           {/* <View style={styles.listItemTitle}> */}

src/screens/Home/Views/Search/SearchTypeSelector.tsx

@@ -7,6 +7,7 @@ import { useI18n } from '@/lang'
 import Text from '@/components/common/Text'
 import { useTheme } from '@/store/theme/hook'
 import { getSearchSetting } from '@/utils/data'
+import { BorderWidths } from '@/theme'
 
 const SEARCH_TYPE_LIST = [
   'music',
@@ -38,7 +39,7 @@ export default () => {
       {
         list.map(t => (
           <TouchableOpacity style={styles.button} onPress={() => { handleTypeChange(t.id) }} key={t.id}>
-            <Text style={styles.buttonText} color={type == t.id ? theme['c-primary-font-active'] : theme['c-font']}>{t.label}</Text>
+            <Text style={{ ...styles.buttonText, borderBottomColor: type == t.id ? theme['c-primary-background-active'] : 'transparent' }} color={type == t.id ? theme['c-primary-font-active'] : theme['c-font']}>{t.label}</Text>
           </TouchableOpacity>
         ))
       }
@@ -59,6 +60,8 @@ const styles = createStyle({
     // height: 38,
     // lineHeight: 38,
     justifyContent: 'center',
+    paddingLeft: 8,
+    paddingRight: 8,
     // width: 80,
     // backgroundColor: 'rgba(0,0,0,0.1)',
   },
@@ -66,10 +69,12 @@ const styles = createStyle({
     // height: 38,
     // lineHeight: 38,
     textAlign: 'center',
-    paddingLeft: 10,
+    paddingLeft: 2,
-    paddingRight: 10,
+    paddingRight: 2,
     // paddingTop: 10,
-    // paddingBottom: 10,
+    paddingTop: 2,
+    paddingBottom: 2,
+    borderBottomWidth: BorderWidths.normal3,
     // width: 80,
   },
 })