Compare commits
3 Commits
f5841d0934
...
123d7521d7
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
123d7521d7 | ||
|
|
f0936ff4f9 | ||
|
|
ce06a317ef |
@@ -146,7 +146,7 @@ onLoad((options) => {
|
||||
});
|
||||
|
||||
onShareAppMessage(async () => {
|
||||
const token = await getShareToken("avatar_detail", detailData.value?.id);
|
||||
const token = await getShareToken("avatar_download", detailData.value?.id);
|
||||
return {
|
||||
title: "快来看看我刚领到的新年专属头像 🎊",
|
||||
path: `/pages/avatar/detail?shareToken=${token}`,
|
||||
|
||||
@@ -70,13 +70,30 @@
|
||||
<!-- 头像选择区 -->
|
||||
<view v-if="activeTool === 'avatar'" class="section">
|
||||
<view class="section-title">选择头像</view>
|
||||
|
||||
<!-- 新增:醒目的上传头像按钮 -->
|
||||
<view class="upload-area" @tap="onChooseAlbum">
|
||||
<view class="upload-btn-large">
|
||||
<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>
|
||||
<uni-icons
|
||||
type="forward"
|
||||
size="20"
|
||||
color="rgba(255,255,255,0.8)"
|
||||
></uni-icons>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="grid">
|
||||
<view class="grid-item upload-card" @tap="onChooseAlbum">
|
||||
<view class="wechat-avatar-btn">
|
||||
<view class="upload-icon">✨</view>
|
||||
<text class="upload-text">上传头像</text>
|
||||
</view>
|
||||
</view>
|
||||
<view
|
||||
v-for="item in systemAvatars"
|
||||
:key="item.id"
|
||||
@@ -147,7 +164,7 @@
|
||||
/>
|
||||
|
||||
<!-- 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-header">
|
||||
<text class="popup-title">选择头像</text>
|
||||
@@ -174,7 +191,7 @@
|
||||
</view>
|
||||
</scroll-view>
|
||||
</view>
|
||||
</uni-popup>
|
||||
</uni-popup> -->
|
||||
</view>
|
||||
</template>
|
||||
|
||||
@@ -244,8 +261,8 @@ const selectedFrame = ref(null);
|
||||
const selectedDecor = ref(null);
|
||||
|
||||
// More Popup logic
|
||||
const morePopup = ref(null);
|
||||
const moreAvatars = ref([]);
|
||||
// const morePopup = ref(null);
|
||||
// const moreAvatars = ref([]);
|
||||
|
||||
const loadAvatars = async () => {
|
||||
if (avatarLoading.value || !avatarHasNext.value) return;
|
||||
@@ -755,6 +772,54 @@ onShareTimeline(async () => {
|
||||
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 {
|
||||
background: #fff;
|
||||
padding: 30rpx 40rpx;
|
||||
|
||||
@@ -133,7 +133,7 @@ onLoad(async (options) => {
|
||||
});
|
||||
|
||||
onShareAppMessage(async () => {
|
||||
const token = await getShareToken("card_detail", cardDetail.value?.id);
|
||||
const token = await getShareToken("card_generate", cardDetail.value?.id);
|
||||
return {
|
||||
title: "送你一张精美的新春祝福卡片 🎊",
|
||||
path: `/pages/detail/index?shareToken=${token || ""}`,
|
||||
|
||||
@@ -141,6 +141,10 @@ import { getRecommendList, getRandomGreeting, getTipsList } from "@/api/system";
|
||||
import { getShareToken, saveViewRequest } from "@/utils/common.js";
|
||||
|
||||
const countdownText = ref("");
|
||||
const recommendList = ref([]);
|
||||
const page = ref(1);
|
||||
const hasMore = ref(true);
|
||||
const loading = ref(false);
|
||||
|
||||
const updateCountdown = () => {
|
||||
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) => {
|
||||
if (loading.value || (!hasMore.value && !isRefresh)) return;
|
||||
loading.value = true;
|
||||
|
||||
@@ -149,7 +149,7 @@ onLoad(async (options) => {
|
||||
});
|
||||
|
||||
onShareAppMessage(async () => {
|
||||
const token = await getShareToken("wallpaper_detail", detailData.value?.id);
|
||||
const token = await getShareToken("wallpaper_download", detailData.value?.id);
|
||||
return {
|
||||
title: "快来看看我刚领到的新年精美壁纸 🖼",
|
||||
path: `/pages/wallpaper/detail?shareToken=${token || ""}`,
|
||||
|
||||
Reference in New Issue
Block a user