renil/lx-music-mobile-mod
1
0
Fork 0
mirror of https://github.com/ikun0014/lx-music-mobile.git synced 2025-05-23 22:37:41 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

微调按钮

Browse Source
This commit is contained in:
lyswhut 2022-01-21 09:08:12 +08:00
parent 9b43fb6387
commit 943ad732e9
3 changed files with 9 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/screens/PlayDetail/Portrait/Player/components/ControlBtn.js
View File

@ -24,7 +24,7 @@ export default ({ playNextModes }) => {
const btnPrev = useMemo(() => ( const btnPrev = useMemo(() => (
<TouchableOpacity style={{ ...styles.cotrolBtn }} activeOpacity={0.5} onPress={playPrev}> <TouchableOpacity style={{ ...styles.cotrolBtn }} activeOpacity={0.5} onPress={playPrev}>
<Icon name='prevMusic' style={{ color: theme.secondary10 }} size={30} /> <Icon name='prevMusic' style={{ color: theme.secondary10 }} size={32} />
</TouchableOpacity> </TouchableOpacity>
), [playPrev, theme]) ), [playPrev, theme])
@ -45,12 +45,12 @@ export default ({ playNextModes }) => {
}, []) }, [])
const btnPlay = useMemo(() => ( const btnPlay = useMemo(() => (
<TouchableOpacity style={{ ...styles.cotrolBtn }} activeOpacity={0.5} onPress={() => togglePlay(playStatus)}> <TouchableOpacity style={{ ...styles.cotrolBtn }} activeOpacity={0.5} onPress={() => togglePlay(playStatus)}>
<Icon name={playStatus == STATUS.playing ? 'pause' : 'play'} style={{ color: theme.secondary10 }} size={30} /> <Icon name={playStatus == STATUS.playing ? 'pause' : 'play'} style={{ color: theme.secondary10 }} size={32} />
</TouchableOpacity> </TouchableOpacity>
), [playStatus, theme, togglePlay]) ), [playStatus, theme, togglePlay])
const btnNext = useMemo(() => ( const btnNext = useMemo(() => (
<TouchableOpacity style={{ ...styles.cotrolBtn }} activeOpacity={0.5} onPress={playNext}> <TouchableOpacity style={{ ...styles.cotrolBtn }} activeOpacity={0.5} onPress={playNext}>
<Icon name='nextMusic' style={{ color: theme.secondary10 }} size={30} /> <Icon name='nextMusic' style={{ color: theme.secondary10 }} size={32} />
</TouchableOpacity> </TouchableOpacity>
), [playNext, theme]) ), [playNext, theme])
@ -72,8 +72,8 @@ export default ({ playNextModes }) => {
const styles = StyleSheet.create({ const styles = StyleSheet.create({
cotrolBtn: { cotrolBtn: {
width: 42, width: 46,
height: 42, height: 46,
justifyContent: 'center', justifyContent: 'center',
alignItems: 'center', alignItems: 'center',

4
src/screens/PlayDetail/Portrait/Player/components/Progress.js
View File

@ -50,8 +50,8 @@ const Progress = ({ progress, bufferedProgress, duration }) => {
const progressContentPadding = 10 const progressContentPadding = 10
const progressHeight = 3 const progressHeight = 3.6
const progressDotSize = 10 const progressDotSize = 12
const styles = StyleSheet.create({ const styles = StyleSheet.create({
progress: { progress: {
width: '100%', width: '100%',

4
src/screens/PlayDetail/Portrait/Player/index.js
View File

@ -59,8 +59,8 @@ const styles = StyleSheet.create({
flexShrink: 0, flexShrink: 0,
paddingLeft: '15%', paddingLeft: '15%',
paddingRight: '15%', paddingRight: '15%',
paddingTop: '10%', paddingTop: '9.5%',
paddingBottom: '8%', paddingBottom: '8.5%',
}, },
row: { row: {
flexDirection: 'row', flexDirection: 'row',