diff --git a/src/views/Ranking/Couple/components/Barrage.vue b/src/views/Ranking/Couple/components/Barrage.vue index 646b3e3..b70ef66 100644 --- a/src/views/Ranking/Couple/components/Barrage.vue +++ b/src/views/Ranking/Couple/components/Barrage.vue @@ -23,17 +23,11 @@ gap: 2vw; border-radius: 999px; - border: 2px solid transparent; + border: 2px solid #fff; box-sizing: border-box; - background: - linear-gradient(180deg, #7c7c82 0%, #6c6c72 100%) padding-box, - linear-gradient( - 180deg, - rgba(255, 255, 255, 0.9) 0%, - rgba(255, 255, 255, 0.7) 35%, - rgba(255, 255, 255, 0.35) 100% - ) - border-box; + background: rgba(255, 255, 255, 0.28); + backdrop-filter: blur(8px); + -webkit-backdrop-filter: blur(8px); " :style="getBarrageStyle(item)" @animationend="handleAnimationEnd(item.id)" diff --git a/src/views/Ranking/Couple/index.vue b/src/views/Ranking/Couple/index.vue index a326207..4c1a1aa 100644 --- a/src/views/Ranking/Couple/index.vue +++ b/src/views/Ranking/Couple/index.vue @@ -22,7 +22,7 @@ -
+
{ const preloadCriticalImages = async () => { const criticalImages = [ // 背景 - imageUrl('TaurusBg1'), + imageUrl('TaurusBg1New'), imageUrl('TaurusBg2'), imageUrl('TaurusBg3'), imageUrl('TaurusBg4'),