fix: bizhi detail

This commit is contained in:
zzc
2026-02-26 10:53:46 +08:00
parent ff1ce034b4
commit a1658ad0ea

View File

@@ -43,9 +43,18 @@
<!-- 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">
<text class="btn-icon"></text>
<text>下载高清壁纸</text>
<view class="btn-content">
<view class="btn-main">
<text class="btn-icon"></text>
<text>下载高清壁纸</text>
</view>
<text class="btn-sub">消耗 20 积分</text>
</view>
</button>
</view>
@@ -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 {