hookehuyr

refactor(PointsPage): 移除内联背景样式并添加星空背景组件

1 <template> 1 <template>
2 - <div class="points-page h-screen bg-cover bg-center bg-no-repeat relative overflow-hidden flex flex-col" :style="{ backgroundImage: `url(${bgImg})` }"> 2 + <div class="points-page h-screen bg-cover bg-center bg-no-repeat relative overflow-hidden flex flex-col">
3 + <!-- Starry Background Effect -->
4 + <StarryBackground :bg-image="bgImg" />
5 +
3 <!-- 头部积分球区域 --> 6 <!-- 头部积分球区域 -->
4 <div class="header-bubbles relative h-48 w-full pt-6 flex-shrink-0"> 7 <div class="header-bubbles relative h-48 w-full pt-6 flex-shrink-0">
5 <!-- 球体 1 --> 8 <!-- 球体 1 -->
......