缓冲进度条颜色

This commit is contained in:
lyswhut 2021-09-17 11:23:19 +08:00
parent bd68840459
commit 1fbe7c119d
3 changed files with 9 additions and 4 deletions

View File

@ -1,3 +1,7 @@
### 优化
- 缓冲进度条颜色
### 修复 ### 修复
- 修复随机播放模式下在同列表切其他歌曲不会清空已播放列表的问题 - 修复随机播放模式下在同列表切其他歌曲不会清空已播放列表的问题

View File

@ -8,12 +8,13 @@ import { useGetter, useDispatch } from '@/store'
const DefaultBar = memo(() => { const DefaultBar = memo(() => {
const theme = useGetter('common', 'theme') const theme = useGetter('common', 'theme')
return <View style={{ ...styles.progressBar, backgroundColor: theme.borderColor2, position: 'absolute', width: '100%', left: 0, top: 0 }}></View> return <View style={{ ...styles.progressBar, backgroundColor: theme.normal75, position: 'absolute', width: '100%', left: 0, top: 0 }}></View>
}) })
const BufferedBar = memo(({ bufferedProgress }) => { const BufferedBar = memo(({ bufferedProgress }) => {
// console.log(bufferedProgress)
const theme = useGetter('common', 'theme') const theme = useGetter('common', 'theme')
return <View style={{ ...styles.progressBar, backgroundColor: theme.borderColor2, position: 'absolute', width: bufferedProgress + '%', left: 0, top: 0 }}></View> return <View style={{ ...styles.progressBar, backgroundColor: theme.secondary45, position: 'absolute', width: bufferedProgress + '%', left: 0, top: 0 }}></View>
}) })
const PreassBar = memo(({ duration }) => { const PreassBar = memo(({ duration }) => {

View File

@ -8,12 +8,12 @@ import { useGetter, useDispatch } from '@/store'
const DefaultBar = memo(() => { const DefaultBar = memo(() => {
const theme = useGetter('common', 'theme') const theme = useGetter('common', 'theme')
return <View style={{ ...styles.progressBar, backgroundColor: theme.borderColor2, position: 'absolute', width: '100%', left: 0, top: 0 }}></View> return <View style={{ ...styles.progressBar, backgroundColor: theme.normal75, position: 'absolute', width: '100%', left: 0, top: 0 }}></View>
}) })
const BufferedBar = memo(({ bufferedProgress }) => { const BufferedBar = memo(({ bufferedProgress }) => {
const theme = useGetter('common', 'theme') const theme = useGetter('common', 'theme')
return <View style={{ ...styles.progressBar, backgroundColor: theme.borderColor2, position: 'absolute', width: bufferedProgress + '%', left: 0, top: 0 }}></View> return <View style={{ ...styles.progressBar, backgroundColor: theme.secondary45, position: 'absolute', width: bufferedProgress + '%', left: 0, top: 0 }}></View>
}) })
const PreassBar = memo(({ duration }) => { const PreassBar = memo(({ duration }) => {