feat: 优化p2pPlayer组件的样式，调整按钮背景和布局，提升用户界面体验

2025-07-11 11:45:48 +08:00 · 2025-07-11 11:45:48 +08:00 · 1651c5e5b9
commit 1651c5e5b9
parent 2b17f261d4
1 changed files with 8 additions and 3 deletions
--- a/pages/p2p/p2pPlayer.vue
+++ b/pages/p2p/p2pPlayer.vue
@ -66,10 +66,15 @@
        :style="{
          top: isApp ? '60px' : buttonInfo.bottom + 15 + 'px'
        }"
-        class="bg-[rgba(0,0,0,0.35)] rounded-full px-4 py-1.5 fixed right-32"
+        class="fixed right-32"
      >
-        <cover-view class="text-white text-xs" @click="showQualitySelector">
-          {{ range[index].name }}
+        <cover-view
+          class="bg-[rgba(0,0,0,0.35)] rounded-full px-4 py-1.5"
+          style="background-color: rgba(0, 0, 0, 0.35)"
+        >
+          <cover-view class="text-white text-xs" @click="showQualitySelector">
+            {{ range[index].name }}
+          </cover-view>
        </cover-view>
      </cover-view>
      <cover-view