🎨 优化左右声道显示

src/views/HomeView.vue

@@ -18,7 +18,7 @@ const router = useRouter();
       </div>
       <div class="d-flex flex-col align-center flex-five flex-shrink-1">
         <img class="main-image-button w-100 fill2" src="@/assets/images/Button3.png" @click="router.push({ name: 'List', query: { id: 190 } })" alt="">
-        <img class="main-image-button w-100 fill2" src="@/assets/images/Button4.png" @click="router.push({ name: 'List', query: { id: 191 } })" alt="">
+        <img class="main-image-button w-100 fill2" src="@/assets/images/Button4.png" @click="router.push({ name: 'List', query: { id: 191, enableLr: 'true' } })" alt="">
         <img class="main-image-button w-100 fill2 disabled" src="@/assets/images/Button5.png" alt="">
       </div>
     </div>

src/views/ListView.vue

@@ -34,7 +34,7 @@ const newsData = useSimplePagerDataLoader(6, async (p, s) =>
           <div 
             v-for="(value, k) in newsData.list.value"
             class="main-list-box1"
-            @click="router.push({ name: 'Player', query: { id: value.id } })"
+            @click="router.push({ name: 'Player', query: { id: value.id, enableLr: route.query.enableLr } })"
           >
             <div>
               <img :src="value.image" />

src/views/PlayerView.vue

@@ -21,7 +21,7 @@ let source: MediaElementAudioSourceNode;
 let leftGain: GainNode, rightGain: GainNode;
 
 function handleLoaded() {
-  if (source)
+  if (source && !route.query.enableLr)
     return;
 
   const audioContext = new AudioContext();
@@ -85,7 +85,7 @@ function switchAudio(left: boolean) {
                   img: 'max-width: 100%'
                 }" />
               </ScrollRect>
-              <div class="d-flex flex-row align-center gap-s">
+              <div v-if="route.query.enableLr" class="d-flex flex-row align-center gap-s">
                 <ActiveableButton text="原唱" :active="leftAudio" @click="switchAudio(true)" />
                 <ActiveableButton text="伴奏" :active="!leftAudio" @click="switchAudio(false)" />
               </div>