zzc/spring-festival-greetings
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: bizhi detail

Browse Source
This commit is contained in:
zzc
2026-02-26 10:53:46 +08:00
parent ff1ce034b4
commit a1658ad0ea
1 changed files with 50 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
pages/wallpaper/detail.vue
View File

@@ -43,9 +43,18 @@
<!-- Action Buttons --> <!-- Action Buttons -->
<view class="action-buttons"> <view class="action-buttons">
<view class="points-display" v-if="isLoggedIn">
<text class="label">当前积分：</text>
<text class="value">{{ userPoints }}</text>
</view>
<button class="btn primary-btn" @tap="downloadWallpaper"> <button class="btn primary-btn" @tap="downloadWallpaper">
<view class="btn-content">
<view class="btn-main">
<text class="btn-icon">✨</text> <text class="btn-icon">✨</text>
<text>下载高清壁纸</text> <text>下载高清壁纸</text>
</view>
<text class="btn-sub">消耗 20 积分</text>
</view>
</button> </button>
</view> </view>
@@ -114,6 +123,7 @@ const userStore = useUserStore();
const loginPopupRef = ref(null); const loginPopupRef = ref(null);
const rewardAdRef = ref(null); const rewardAdRef = ref(null);
const isLoggedIn = computed(() => !!userStore.userInfo.nickName); const isLoggedIn = computed(() => !!userStore.userInfo.nickName);
const userPoints = computed(() => userStore.userInfo.points || 0);
const navHeight = getBavBarHeight(); const navHeight = getBavBarHeight();
const statusBarHeight = uni.getSystemInfoSync().statusBarHeight; const statusBarHeight = uni.getSystemInfoSync().statusBarHeight;
@@ -475,6 +485,7 @@ const downloadWallpaper = async () => {
background: linear-gradient(90deg, #ff3b30 0%, #ff6b6b 100%); background: linear-gradient(90deg, #ff3b30 0%, #ff6b6b 100%);
color: #fff; color: #fff;
box-shadow: 0 8px 20px rgba(255, 59, 48, 0.15); box-shadow: 0 8px 20px rgba(255, 59, 48, 0.15);
height: 64px; /* Increased height for two lines */
} }
&.secondary-btn { &.secondary-btn {
@@ -488,6 +499,43 @@ const downloadWallpaper = async () => {
opacity: 0.9; 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 { .more-section {