1.修复音量控制条显示问题（自适应位置）

2.修复输入文章时，播放新句子会重置音量的问题
3.修复文章练习无法同步音量、播放速度问题（只同步练习场景，编辑、预览未同步）
4.修改音量控制条样式，显示音量比例

src/App.vue

@@ -16,12 +16,12 @@ import { syncSetting } from "@/apis";
 const store = useBaseStore()
 const runtimeStore = useRuntimeStore()
 const settingStore = useSettingStore()
-const {setTheme} = useTheme()
+const { setTheme } = useTheme()
 
 let lastAudioFileIdList = []
 watch(store.$state, (n: BaseState) => {
   let data = shakeCommonDict(n)
-  set(SAVE_DICT_KEY.key, JSON.stringify({val: data, version: SAVE_DICT_KEY.version}))
+  set(SAVE_DICT_KEY.key, JSON.stringify({ val: data, version: SAVE_DICT_KEY.version }))
 
   //筛选自定义和收藏
   let bookList = data.article.bookList.filter(v => v.custom || [DictId.articleCollect].includes(v.id))
@@ -49,12 +49,12 @@ watch(store.$state, (n: BaseState) => {
   }
 })
 
-watch(settingStore.$state, (n) => {
-  set(SAVE_SETTING_KEY.key, JSON.stringify({val: n, version: SAVE_SETTING_KEY.version}))
+watch(() => settingStore.$state, (n) => {
+  set(SAVE_SETTING_KEY.key, JSON.stringify({ val: n, version: SAVE_SETTING_KEY.version }))
   if (CAN_REQUEST) {
     syncSetting(null, settingStore.$state)
   }
-})
+}, { deep: true })
 
 async function init() {
   await store.init()
@@ -67,7 +67,7 @@ async function init() {
       runtimeStore.isNew = r ? (APP_VERSION.version > Number(r)) : true
     })
   }
-  window.umami?.track('host', {host: window.location.host})
+  window.umami?.track('host', { host: window.location.host })
 }
 
 onMounted(init)
@@ -106,6 +106,4 @@ watch(() => route.path, (to, from) => {
   <router-view></router-view>
 </template>
 
-<style scoped lang="scss">
-
-</style>
+<style scoped lang="scss"></style>