mirror of
https://github.com/ikun0014/lx-music-mobile.git
synced 2025-07-05 21:58:56 +08:00
修复颜色适配
This commit is contained in:
parent
aa3ccabe99
commit
92c7ea579f
@ -19,6 +19,7 @@ const PlayTimeMax = memo(({ timeStr }) => {
|
|||||||
|
|
||||||
export default () => {
|
export default () => {
|
||||||
const { curTimeStr, maxTimeStr, progress, bufferedProgress, duration } = usePlayTime()
|
const { curTimeStr, maxTimeStr, progress, bufferedProgress, duration } = usePlayTime()
|
||||||
|
const theme = useGetter('common', 'theme')
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
@ -30,7 +31,7 @@ export default () => {
|
|||||||
</View>
|
</View>
|
||||||
<View style={{ flexGrow: 0, flexShrink: 0, flexDirection: 'row' }} >
|
<View style={{ flexGrow: 0, flexShrink: 0, flexDirection: 'row' }} >
|
||||||
<PlayTimeCurrent timeStr={curTimeStr} />
|
<PlayTimeCurrent timeStr={curTimeStr} />
|
||||||
<Text style={{ fontSize: 12 }}> / </Text>
|
<Text style={{ fontSize: 12, color: theme.normal }}> / </Text>
|
||||||
<PlayTimeMax timeStr={maxTimeStr} />
|
<PlayTimeMax timeStr={maxTimeStr} />
|
||||||
</View>
|
</View>
|
||||||
</View>
|
</View>
|
||||||
|
@ -21,6 +21,7 @@ export default () => {
|
|||||||
const { curTimeStr, maxTimeStr, progress, bufferedProgress, duration } = usePlayTime()
|
const { curTimeStr, maxTimeStr, progress, bufferedProgress, duration } = usePlayTime()
|
||||||
const { window } = useDimensions()
|
const { window } = useDimensions()
|
||||||
const size = useMemo(() => window.width * 0.4 * 0.4 * 0.125, [window.width])
|
const size = useMemo(() => window.width * 0.4 * 0.4 * 0.125, [window.width])
|
||||||
|
const theme = useGetter('common', 'theme')
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<View style={styles.container} nativeID="player">
|
<View style={styles.container} nativeID="player">
|
||||||
@ -31,7 +32,7 @@ export default () => {
|
|||||||
</View>
|
</View>
|
||||||
<View style={{ flexGrow: 0, flexShrink: 0, flexDirection: 'row' }} >
|
<View style={{ flexGrow: 0, flexShrink: 0, flexDirection: 'row' }} >
|
||||||
<PlayTimeCurrent size={size} timeStr={curTimeStr} />
|
<PlayTimeCurrent size={size} timeStr={curTimeStr} />
|
||||||
<Text style={{ fontSize: size }}> / </Text>
|
<Text style={{ fontSize: size, color: theme.normal }}> / </Text>
|
||||||
<PlayTimeMax size={size} timeStr={maxTimeStr} />
|
<PlayTimeMax size={size} timeStr={maxTimeStr} />
|
||||||
</View>
|
</View>
|
||||||
</View>
|
</View>
|
||||||
|
@ -19,6 +19,7 @@ const PlayTimeMax = memo(({ timeStr }) => {
|
|||||||
|
|
||||||
export default () => {
|
export default () => {
|
||||||
const { curTimeStr, maxTimeStr, progress, bufferedProgress, duration } = usePlayTime()
|
const { curTimeStr, maxTimeStr, progress, bufferedProgress, duration } = usePlayTime()
|
||||||
|
const theme = useGetter('common', 'theme')
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
@ -29,7 +30,7 @@ export default () => {
|
|||||||
</View>
|
</View>
|
||||||
<View style={{ flexGrow: 0, flexShrink: 0, flexDirection: 'row' }} >
|
<View style={{ flexGrow: 0, flexShrink: 0, flexDirection: 'row' }} >
|
||||||
<PlayTimeCurrent timeStr={curTimeStr} />
|
<PlayTimeCurrent timeStr={curTimeStr} />
|
||||||
<Text style={{ fontSize: 14 }}> / </Text>
|
<Text style={{ fontSize: 14, color: theme.normal }}> / </Text>
|
||||||
<PlayTimeMax timeStr={maxTimeStr} />
|
<PlayTimeMax timeStr={maxTimeStr} />
|
||||||
</View>
|
</View>
|
||||||
</View>
|
</View>
|
||||||
|
@ -19,6 +19,7 @@ const PlayTimeMax = memo(({ timeStr }) => {
|
|||||||
|
|
||||||
export default () => {
|
export default () => {
|
||||||
const { curTimeStr, maxTimeStr, progress, bufferedProgress, duration } = usePlayTime()
|
const { curTimeStr, maxTimeStr, progress, bufferedProgress, duration } = usePlayTime()
|
||||||
|
const theme = useGetter('common', 'theme')
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
@ -30,7 +31,7 @@ export default () => {
|
|||||||
</View>
|
</View>
|
||||||
<View style={{ flexGrow: 0, flexShrink: 0, flexDirection: 'row' }} >
|
<View style={{ flexGrow: 0, flexShrink: 0, flexDirection: 'row' }} >
|
||||||
<PlayTimeCurrent timeStr={curTimeStr} />
|
<PlayTimeCurrent timeStr={curTimeStr} />
|
||||||
<Text style={{ fontSize: 12 }}> / </Text>
|
<Text style={{ fontSize: 12, color: theme.normal }}> / </Text>
|
||||||
<PlayTimeMax timeStr={maxTimeStr} />
|
<PlayTimeMax timeStr={maxTimeStr} />
|
||||||
</View>
|
</View>
|
||||||
</View>
|
</View>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user