修复颜色适配

This commit is contained in:
lyswhut 2022-04-06 11:48:40 +08:00
parent aa3ccabe99
commit 92c7ea579f
4 changed files with 8 additions and 4 deletions

View File

@ -19,6 +19,7 @@ const PlayTimeMax = memo(({ timeStr }) => {
export default () => {
const { curTimeStr, maxTimeStr, progress, bufferedProgress, duration } = usePlayTime()
const theme = useGetter('common', 'theme')
return (
<>
@ -30,7 +31,7 @@ export default () => {
</View>
<View style={{ flexGrow: 0, flexShrink: 0, flexDirection: 'row' }} >
<PlayTimeCurrent timeStr={curTimeStr} />
<Text style={{ fontSize: 12 }}> / </Text>
<Text style={{ fontSize: 12, color: theme.normal }}> / </Text>
<PlayTimeMax timeStr={maxTimeStr} />
</View>
</View>

View File

@ -21,6 +21,7 @@ export default () => {
const { curTimeStr, maxTimeStr, progress, bufferedProgress, duration } = usePlayTime()
const { window } = useDimensions()
const size = useMemo(() => window.width * 0.4 * 0.4 * 0.125, [window.width])
const theme = useGetter('common', 'theme')
return (
<View style={styles.container} nativeID="player">
@ -31,7 +32,7 @@ export default () => {
</View>
<View style={{ flexGrow: 0, flexShrink: 0, flexDirection: 'row' }} >
<PlayTimeCurrent size={size} timeStr={curTimeStr} />
<Text style={{ fontSize: size }}> / </Text>
<Text style={{ fontSize: size, color: theme.normal }}> / </Text>
<PlayTimeMax size={size} timeStr={maxTimeStr} />
</View>
</View>

View File

@ -19,6 +19,7 @@ const PlayTimeMax = memo(({ timeStr }) => {
export default () => {
const { curTimeStr, maxTimeStr, progress, bufferedProgress, duration } = usePlayTime()
const theme = useGetter('common', 'theme')
return (
<>
@ -29,7 +30,7 @@ export default () => {
</View>
<View style={{ flexGrow: 0, flexShrink: 0, flexDirection: 'row' }} >
<PlayTimeCurrent timeStr={curTimeStr} />
<Text style={{ fontSize: 14 }}> / </Text>
<Text style={{ fontSize: 14, color: theme.normal }}> / </Text>
<PlayTimeMax timeStr={maxTimeStr} />
</View>
</View>

View File

@ -19,6 +19,7 @@ const PlayTimeMax = memo(({ timeStr }) => {
export default () => {
const { curTimeStr, maxTimeStr, progress, bufferedProgress, duration } = usePlayTime()
const theme = useGetter('common', 'theme')
return (
<>
@ -30,7 +31,7 @@ export default () => {
</View>
<View style={{ flexGrow: 0, flexShrink: 0, flexDirection: 'row' }} >
<PlayTimeCurrent timeStr={curTimeStr} />
<Text style={{ fontSize: 12 }}> / </Text>
<Text style={{ fontSize: 12, color: theme.normal }}> / </Text>
<PlayTimeMax timeStr={maxTimeStr} />
</View>
</View>