From 1136b13bad2d9e2eecf587e0616c3b6d3fe6e75e Mon Sep 17 00:00:00 2001
From: lyswhut <lyswhut@qq.com>
Date: Fri, 24 Mar 2023 09:28:01 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E6=92=AD=E6=94=BE=E8=AE=BE?=
 =?UTF-8?q?=E7=BD=AE=E9=9D=A2=E6=9D=BFUI?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../PlayDetail/components/SettingLrcFontSize.tsx |  4 ++--
 .../components/SettingPlaybackRate.tsx           | 16 ++++++++--------
 .../PlayDetail/components/SettingVolume.tsx      |  4 ++--
 src/screens/PlayDetail/components/style.ts       |  6 +++++-
 4 files changed, 17 insertions(+), 13 deletions(-)

diff --git a/src/screens/PlayDetail/components/SettingLrcFontSize.tsx b/src/screens/PlayDetail/components/SettingLrcFontSize.tsx
index 533060d..8604134 100644
--- a/src/screens/PlayDetail/components/SettingLrcFontSize.tsx
+++ b/src/screens/PlayDetail/components/SettingLrcFontSize.tsx
@@ -31,9 +31,9 @@ const LrcFontSize = () => {
 
   return (
     <View style={styles.container}>
-      <Text style={styles.title}>{t('player_setting_lrc_font_size')}</Text>
+      <Text>{t('player_setting_lrc_font_size')}</Text>
       <View style={styles.content}>
-        <Text color={theme['c-font-label']}>{isSliding ? sliderSize : lrcFontSize}</Text>
+        <Text style={styles.label} color={theme['c-font-label']}>{isSliding ? sliderSize : lrcFontSize}</Text>
         <Slider
           minimumValue={100}
           maximumValue={300}
diff --git a/src/screens/PlayDetail/components/SettingPlaybackRate.tsx b/src/screens/PlayDetail/components/SettingPlaybackRate.tsx
index 4d8012a..de8b84f 100644
--- a/src/screens/PlayDetail/components/SettingPlaybackRate.tsx
+++ b/src/screens/PlayDetail/components/SettingPlaybackRate.tsx
@@ -15,7 +15,7 @@ import ButtonPrimary from '@/components/common/ButtonPrimary'
 
 const Volume = () => {
   const theme = useTheme()
-  const playbackRate = useSettingValue('player.playbackRate') * 10
+  const playbackRate = useSettingValue('player.playbackRate') * 100
   const [sliderSize, setSliderSize] = useState(playbackRate)
   const [isSliding, setSliding] = useState(false)
   const t = useI18n()
@@ -26,18 +26,18 @@ const Volume = () => {
   const handleValueChange: SliderProps['onValueChange'] = value => {
     value = Math.trunc(value)
     setSliderSize(value)
-    void setPlaybackRate(parseFloat((value / 10).toFixed(1)))
+    void setPlaybackRate(parseFloat((value / 100).toFixed(2)))
   }
   const handleSlidingComplete: SliderProps['onSlidingComplete'] = value => {
     setSliding(false)
     value = Math.trunc(value)
     if (playbackRate == value) return
-    const rate = value / 10
+    const rate = value / 100
     void setLyricPlaybackRate(rate)
     updateSetting({ 'player.playbackRate': rate })
   }
   const handleReset = () => {
-    setSliderSize(10)
+    setSliderSize(100)
     void setPlaybackRate(1)
     void setLyricPlaybackRate(1)
     updateSetting({ 'player.playbackRate': 1 })
@@ -45,12 +45,12 @@ const Volume = () => {
 
   return (
     <View style={styles.container}>
-      <Text style={styles.title}>{t('player_setting_playback_rate')}</Text>
+      <Text>{t('player_setting_playback_rate')}</Text>
       <View style={styles.content}>
-        <Text color={theme['c-font-label']}>{`${((isSliding ? sliderSize : playbackRate) / 10).toFixed(1)}x`}</Text>
+        <Text style={styles.label} color={theme['c-font-label']}>{`${((isSliding ? sliderSize : playbackRate) / 100).toFixed(2)}x`}</Text>
         <Slider
-          minimumValue={5}
-          maximumValue={20}
+          minimumValue={60}
+          maximumValue={200}
           onSlidingComplete={handleSlidingComplete}
           onValueChange={handleValueChange}
           onSlidingStart={handleSlidingStart}
diff --git a/src/screens/PlayDetail/components/SettingVolume.tsx b/src/screens/PlayDetail/components/SettingVolume.tsx
index b093ce6..d3c85d7 100644
--- a/src/screens/PlayDetail/components/SettingVolume.tsx
+++ b/src/screens/PlayDetail/components/SettingVolume.tsx
@@ -35,9 +35,9 @@ const Volume = () => {
 
   return (
     <View style={styles.container}>
-      <Text style={styles.title}>{t('player_setting_volume')}</Text>
+      <Text>{t('player_setting_volume')}</Text>
       <View style={styles.content}>
-        <Text color={theme['c-font-label']}>{isSliding ? sliderSize : volume}</Text>
+        <Text style={styles.label} color={theme['c-font-label']}>{isSliding ? sliderSize : volume}</Text>
         <Slider
           minimumValue={0}
           maximumValue={100}
diff --git a/src/screens/PlayDetail/components/style.ts b/src/screens/PlayDetail/components/style.ts
index 6c8f595..9d1a83d 100644
--- a/src/screens/PlayDetail/components/style.ts
+++ b/src/screens/PlayDetail/components/style.ts
@@ -7,8 +7,12 @@ export default createStyle({
     marginBottom: 15,
     alignItems: 'flex-start',
   },
-  title: {
+  // title: {
 
+  // },
+  label: {
+    width: 40,
+    textAlign: 'center',
   },
   content: {
     flexGrow: 0,