Compare commits
3 Commits
f5841d0934
...
123d7521d7
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
123d7521d7 | ||
|
|
f0936ff4f9 | ||
|
|
ce06a317ef |
@@ -146,7 +146,7 @@ onLoad((options) => {
|
|||||||
});
|
});
|
||||||
|
|
||||||
onShareAppMessage(async () => {
|
onShareAppMessage(async () => {
|
||||||
const token = await getShareToken("avatar_detail", detailData.value?.id);
|
const token = await getShareToken("avatar_download", detailData.value?.id);
|
||||||
return {
|
return {
|
||||||
title: "快来看看我刚领到的新年专属头像 🎊",
|
title: "快来看看我刚领到的新年专属头像 🎊",
|
||||||
path: `/pages/avatar/detail?shareToken=${token}`,
|
path: `/pages/avatar/detail?shareToken=${token}`,
|
||||||
|
|||||||
@@ -70,13 +70,30 @@
|
|||||||
<!-- 头像选择区 -->
|
<!-- 头像选择区 -->
|
||||||
<view v-if="activeTool === 'avatar'" class="section">
|
<view v-if="activeTool === 'avatar'" class="section">
|
||||||
<view class="section-title">选择头像</view>
|
<view class="section-title">选择头像</view>
|
||||||
<view class="grid">
|
|
||||||
<view class="grid-item upload-card" @tap="onChooseAlbum">
|
<!-- 新增:醒目的上传头像按钮 -->
|
||||||
<view class="wechat-avatar-btn">
|
<view class="upload-area" @tap="onChooseAlbum">
|
||||||
<view class="upload-icon">✨</view>
|
<view class="upload-btn-large">
|
||||||
<text class="upload-text">上传头像</text>
|
<view class="btn-content">
|
||||||
|
<uni-icons
|
||||||
|
type="camera-filled"
|
||||||
|
size="28"
|
||||||
|
color="#fff"
|
||||||
|
></uni-icons>
|
||||||
|
<view class="btn-texts">
|
||||||
|
<text class="btn-title">上传我的照片</text>
|
||||||
|
<text class="btn-sub">制作专属新年头像</text>
|
||||||
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
<uni-icons
|
||||||
|
type="forward"
|
||||||
|
size="20"
|
||||||
|
color="rgba(255,255,255,0.8)"
|
||||||
|
></uni-icons>
|
||||||
</view>
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<view class="grid">
|
||||||
<view
|
<view
|
||||||
v-for="item in systemAvatars"
|
v-for="item in systemAvatars"
|
||||||
:key="item.id"
|
:key="item.id"
|
||||||
@@ -147,7 +164,7 @@
|
|||||||
/>
|
/>
|
||||||
|
|
||||||
<!-- More Avatar Popup -->
|
<!-- More Avatar Popup -->
|
||||||
<uni-popup ref="morePopup" type="bottom" background-color="#fff">
|
<!-- <uni-popup ref="morePopup" type="bottom" background-color="#fff">
|
||||||
<view class="popup-content">
|
<view class="popup-content">
|
||||||
<view class="popup-header">
|
<view class="popup-header">
|
||||||
<text class="popup-title">选择头像</text>
|
<text class="popup-title">选择头像</text>
|
||||||
@@ -174,7 +191,7 @@
|
|||||||
</view>
|
</view>
|
||||||
</scroll-view>
|
</scroll-view>
|
||||||
</view>
|
</view>
|
||||||
</uni-popup>
|
</uni-popup> -->
|
||||||
</view>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
@@ -244,8 +261,8 @@ const selectedFrame = ref(null);
|
|||||||
const selectedDecor = ref(null);
|
const selectedDecor = ref(null);
|
||||||
|
|
||||||
// More Popup logic
|
// More Popup logic
|
||||||
const morePopup = ref(null);
|
// const morePopup = ref(null);
|
||||||
const moreAvatars = ref([]);
|
// const moreAvatars = ref([]);
|
||||||
|
|
||||||
const loadAvatars = async () => {
|
const loadAvatars = async () => {
|
||||||
if (avatarLoading.value || !avatarHasNext.value) return;
|
if (avatarLoading.value || !avatarHasNext.value) return;
|
||||||
@@ -755,6 +772,54 @@ onShareTimeline(async () => {
|
|||||||
padding-bottom: 200rpx;
|
padding-bottom: 200rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.upload-area {
|
||||||
|
margin-bottom: 30rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.upload-btn-large {
|
||||||
|
width: 100%;
|
||||||
|
height: 120rpx;
|
||||||
|
background: linear-gradient(135deg, #ff6b66 0%, #ff3b30 100%);
|
||||||
|
border-radius: 24rpx;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
padding: 0 32rpx;
|
||||||
|
box-sizing: border-box;
|
||||||
|
box-shadow: 0 8rpx 24rpx rgba(255, 59, 48, 0.3);
|
||||||
|
transition: all 0.2s;
|
||||||
|
border: 2rpx solid rgba(255, 255, 255, 0.2);
|
||||||
|
|
||||||
|
&:active {
|
||||||
|
transform: scale(0.98);
|
||||||
|
box-shadow: 0 4rpx 12rpx rgba(255, 59, 48, 0.2);
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-content {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-texts {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
margin-left: 20rpx;
|
||||||
|
|
||||||
|
.btn-title {
|
||||||
|
color: #fff;
|
||||||
|
font-size: 32rpx;
|
||||||
|
font-weight: 600;
|
||||||
|
line-height: 1.2;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-sub {
|
||||||
|
color: rgba(255, 255, 255, 0.9);
|
||||||
|
font-size: 22rpx;
|
||||||
|
margin-top: 4rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.top-steps {
|
.top-steps {
|
||||||
background: #fff;
|
background: #fff;
|
||||||
padding: 30rpx 40rpx;
|
padding: 30rpx 40rpx;
|
||||||
|
|||||||
@@ -133,7 +133,7 @@ onLoad(async (options) => {
|
|||||||
});
|
});
|
||||||
|
|
||||||
onShareAppMessage(async () => {
|
onShareAppMessage(async () => {
|
||||||
const token = await getShareToken("card_detail", cardDetail.value?.id);
|
const token = await getShareToken("card_generate", cardDetail.value?.id);
|
||||||
return {
|
return {
|
||||||
title: "送你一张精美的新春祝福卡片 🎊",
|
title: "送你一张精美的新春祝福卡片 🎊",
|
||||||
path: `/pages/detail/index?shareToken=${token || ""}`,
|
path: `/pages/detail/index?shareToken=${token || ""}`,
|
||||||
|
|||||||
@@ -141,6 +141,10 @@ import { getRecommendList, getRandomGreeting, getTipsList } from "@/api/system";
|
|||||||
import { getShareToken, saveViewRequest } from "@/utils/common.js";
|
import { getShareToken, saveViewRequest } from "@/utils/common.js";
|
||||||
|
|
||||||
const countdownText = ref("");
|
const countdownText = ref("");
|
||||||
|
const recommendList = ref([]);
|
||||||
|
const page = ref(1);
|
||||||
|
const hasMore = ref(true);
|
||||||
|
const loading = ref(false);
|
||||||
|
|
||||||
const updateCountdown = () => {
|
const updateCountdown = () => {
|
||||||
const now = new Date();
|
const now = new Date();
|
||||||
@@ -283,11 +287,6 @@ const features = ref([
|
|||||||
},
|
},
|
||||||
]);
|
]);
|
||||||
|
|
||||||
const recommendList = ref([]);
|
|
||||||
const page = ref(1);
|
|
||||||
const hasMore = ref(true);
|
|
||||||
const loading = ref(false);
|
|
||||||
|
|
||||||
const fetchRecommendList = async (isRefresh = false) => {
|
const fetchRecommendList = async (isRefresh = false) => {
|
||||||
if (loading.value || (!hasMore.value && !isRefresh)) return;
|
if (loading.value || (!hasMore.value && !isRefresh)) return;
|
||||||
loading.value = true;
|
loading.value = true;
|
||||||
|
|||||||
@@ -149,7 +149,7 @@ onLoad(async (options) => {
|
|||||||
});
|
});
|
||||||
|
|
||||||
onShareAppMessage(async () => {
|
onShareAppMessage(async () => {
|
||||||
const token = await getShareToken("wallpaper_detail", detailData.value?.id);
|
const token = await getShareToken("wallpaper_download", detailData.value?.id);
|
||||||
return {
|
return {
|
||||||
title: "快来看看我刚领到的新年精美壁纸 🖼",
|
title: "快来看看我刚领到的新年精美壁纸 🖼",
|
||||||
path: `/pages/wallpaper/detail?shareToken=${token || ""}`,
|
path: `/pages/wallpaper/detail?shareToken=${token || ""}`,
|
||||||
|
|||||||
Reference in New Issue
Block a user