diff --git a/pages/wallpaper/detail.vue b/pages/wallpaper/detail.vue index 635bde0..45ce56b 100644 --- a/pages/wallpaper/detail.vue +++ b/pages/wallpaper/detail.vue @@ -43,9 +43,18 @@ + + 当前积分: + {{ userPoints }} + @@ -114,6 +123,7 @@ const userStore = useUserStore(); const loginPopupRef = ref(null); const rewardAdRef = ref(null); const isLoggedIn = computed(() => !!userStore.userInfo.nickName); +const userPoints = computed(() => userStore.userInfo.points || 0); const navHeight = getBavBarHeight(); const statusBarHeight = uni.getSystemInfoSync().statusBarHeight; @@ -475,6 +485,7 @@ const downloadWallpaper = async () => { background: linear-gradient(90deg, #ff3b30 0%, #ff6b6b 100%); color: #fff; box-shadow: 0 8px 20px rgba(255, 59, 48, 0.15); + height: 64px; /* Increased height for two lines */ } &.secondary-btn { @@ -488,6 +499,43 @@ const downloadWallpaper = async () => { opacity: 0.9; } } + + .points-display { + display: flex; + justify-content: center; + align-items: center; + margin-bottom: 8px; + font-size: 14px; + color: #666; + + .value { + color: #ff5722; + font-weight: bold; + font-size: 16px; + margin-left: 4px; + } + } + + .btn-content { + display: flex; + flex-direction: column; + align-items: center; + line-height: 1.2; + + .btn-main { + display: flex; + align-items: center; + font-size: 18px; + font-weight: bold; + margin-bottom: 2px; + } + + .btn-sub { + font-size: 12px; + opacity: 0.9; + font-weight: normal; + } + } } .more-section {