fix: bizhi detail
This commit is contained in:
@@ -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">
|
||||
<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 {
|
||||
|
||||
Reference in New Issue
Block a user