fix: lucky page

pages/wallpaper/index.vue

@@ -19,6 +19,18 @@
       </scroll-view>
     </view>
 
+    <!-- Points Info -->
+    <view class="points-bar">
+      <view class="points-left">
+        <uni-icons type="download" size="14" color="#ff9800" />
+        <text>每次下载消耗 {{ downloadCost }} 积分</text>
+      </view>
+      <view class="points-right">
+        <text>当前积分：</text>
+        <text class="score-val">{{ userScore }}</text>
+      </view>
+    </view>
+
     <!-- Wallpaper Grid -->
     <scroll-view
       scroll-y
@@ -100,6 +112,9 @@ const userStore = useUserStore();
 const loginPopupRef = ref(null);
 
 const isLoggedIn = computed(() => !!userStore.userInfo.nickName);
+const userScore = computed(() => userStore.userInfo.score || 0);
+const downloadCost = ref(20);
+
 const categories = ref([]);
 const currentCategoryId = ref(null);
 const wallpapers = ref([]);
@@ -308,6 +323,35 @@ const shareWallpaper = (item) => {};
   z-index: 100;
 }
 
+.points-bar {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 16rpx 30rpx;
+  background-color: #fffbf0;
+  font-size: 24rpx;
+  color: #666;
+}
+
+.points-left {
+  display: flex;
+  align-items: center;
+  gap: 8rpx;
+  color: #ff9800;
+}
+
+.points-right {
+  display: flex;
+  align-items: center;
+}
+
+.score-val {
+  color: #d81e06;
+  font-weight: bold;
+  font-size: 28rpx;
+  margin-left: 4rpx;
+}
+
 .tabs-scroll {
   white-space: nowrap;
   width: 100%;