renil/lx-music-mobile-mod
1
0
Fork 0
mirror of https://github.com/ikun0014/lx-music-mobile.git synced 2025-07-04 15:08:56 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

UI细节调整

Browse Source
This commit is contained in:
lyswhut 2023-03-21 17:39:57 +08:00
parent 44c5269c08
commit 28a53c42c8
6 changed files with 14 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/MusicAddModal/ListItem.tsx
View File

@ -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,

2
src/components/MusicMultiAddModal/ListItem.tsx
View File

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

2
src/components/OnlineList/ListItem.tsx
View File

@ -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}>

2
src/components/common/Menu.tsx
View File

@ -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 }

2
src/screens/Home/Views/Mylist/MusicList/ListItem.tsx
View File

@ -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}> */}

13
src/screens/Home/Views/Search/SearchTypeSelector.tsx
View File

@ -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,
paddingRight: 10,
paddingLeft: 2,
paddingRight: 2,
// paddingTop: 10,
// paddingBottom: 10,
paddingTop: 2,
paddingBottom: 2,
borderBottomWidth: BorderWidths.normal3,
// width: 80,
},
})