fix: gretting page

This commit is contained in:
zzc
2026-02-03 12:22:15 +08:00
parent fcc728465b
commit 72ebb8253d
5 changed files with 106 additions and 22 deletions

View File

@@ -1,6 +1,6 @@
<template> <template>
<view class="detail-page" > <view class="detail-page">
<NavBar title="祝福贺卡" /> <NavBar title="祝福贺卡" />
<scroll-view scroll-y class="content-scroll"> <scroll-view scroll-y class="content-scroll">
<view class="content-wrap"> <view class="content-wrap">
@@ -46,7 +46,7 @@
</view> </view>
<!-- Recommendations --> <!-- Recommendations -->
<view class="recommend-section"> <!-- <view class="recommend-section">
<view class="section-header"> <view class="section-header">
<text class="section-title">大家都在玩的头像挂饰</text> <text class="section-title">大家都在玩的头像挂饰</text>
<text class="more-link">查看更多</text> <text class="more-link">查看更多</text>
@@ -65,24 +65,38 @@
</view> </view>
</view> </view>
</scroll-view> </scroll-view>
</view> </view> -->
<!-- Banner --> <!-- Banner -->
<view class="banner-card"> <view class="wallpaper-banner" @tap="goToFortune">
<view class="banner-icon"> <view class="banner-icon">
<image <text>🏮</text>
src="/static/logo.png"
mode="aspectFit"
style="width: 100%; height: 100%"
v-if="false"
/>
<view class="placeholder-icon"></view>
</view> </view>
<view class="banner-content"> <view class="banner-content">
<view class="banner-title">领取我的马年头像框</view> <text class="banner-title">去抽取新年运势</text>
<view class="banner-desc">定制专属新春社交形象</view> <text class="banner-desc">每日一签开启你的新年好运</text>
</view> </view>
<button class="banner-btn">去领取</button> <text class="banner-arrow"></text>
</view>
<view class="wallpaper-banner" @tap="goToGreeting">
<view class="banner-icon">
<text>🧧</text>
</view>
<view class="banner-content">
<text class="banner-title">去制作新年头像</text>
<text class="banner-desc">定制专属头像传递浓浓年味</text>
</view>
<text class="banner-arrow"></text>
</view>
<view class="wallpaper-banner" @tap="goToWallpaper">
<view class="banner-icon">
<text>🖼</text>
</view>
<view class="banner-content">
<text class="banner-title">去挑选新年壁纸</text>
<text class="banner-desc">精选新年壁纸让手机也过年</text>
</view>
<text class="banner-arrow"></text>
</view> </view>
<!-- Footer --> <!-- Footer -->
@@ -170,6 +184,29 @@ const decorList = ref([
img: "https://file.lihailezzc.com/resource/1463f294244c11cf274a5eaae115872a.jpeg", img: "https://file.lihailezzc.com/resource/1463f294244c11cf274a5eaae115872a.jpeg",
}, },
]); ]);
const goToMake = () => {
uni.navigateTo({
url: "/pages/avatar/index",
});
};
const goToFortune = () => {
uni.navigateTo({
url: "/pages/fortune/index",
});
};
const goToGreeting = () => {
uni.navigateTo({
url: "/pages/avatar/index",
});
};
const goToWallpaper = () => {
uni.navigateTo({
url: "/pages/wallpaper/index",
});
};
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@@ -229,6 +266,53 @@ const decorList = ref([
margin-right: 6rpx; margin-right: 6rpx;
} }
.wallpaper-banner {
background: #f8f8f8;
border-radius: 24rpx;
padding: 30rpx;
display: flex;
align-items: center;
margin-bottom: 60rpx;
}
.banner-icon {
width: 80rpx;
height: 80rpx;
background: #fff;
border-radius: 20rpx;
display: flex;
align-items: center;
justify-content: center;
margin-right: 24rpx;
}
.banner-icon text {
font-size: 40rpx;
color: #ff3b30;
}
.banner-content {
flex: 1;
}
.banner-title {
font-size: 30rpx;
font-weight: bold;
color: #333;
display: block;
margin-bottom: 8rpx;
}
.banner-desc {
font-size: 22rpx;
color: #999;
}
.banner-arrow {
font-size: 36rpx;
color: #ccc;
}
/* Card Container */ /* Card Container */
.card-container { .card-container {
background: #fff; background: #fff;

View File

@@ -44,7 +44,7 @@
}}</view> }}</view>
<view class="content-desc"> <view class="content-desc">
{{ {{
fortuneData.desc || fortuneData.content ||
"灵马奔腾瑞气盈门。此签预示您在2026年如同千里骏马不仅拥有敏锐的洞察力更有贵人暗中相助。事业将如破竹之势学业更有意外惊喜心之所向皆能圆满。" "灵马奔腾瑞气盈门。此签预示您在2026年如同千里骏马不仅拥有敏锐的洞察力更有贵人暗中相助。事业将如破竹之势学业更有意外惊喜心之所向皆能圆满。"
}} }}
</view> </view>

View File

@@ -593,7 +593,7 @@ const saveCard = () => {
/* 结果状态 */ /* 结果状态 */
.state-result { .state-result {
width: 100%; width: 100%;
padding: 20px 30px; padding: 130px 30px 20px;
animation: fadeIn 0.8s ease-out; animation: fadeIn 0.8s ease-out;
position: relative; position: relative;
z-index: 1; z-index: 1;

View File

@@ -1,5 +1,5 @@
<template> <template>
<view class="avatar-page" > <view class="avatar-page">
<!-- Navbar --> <!-- Navbar -->
<NavBar title="我的头像制作" /> <NavBar title="我的头像制作" />
@@ -57,9 +57,9 @@
</view> </view>
</view> </view>
<view class="item-info"> <view class="item-info">
<text class="item-name">{{ <!-- <text class="item-name">{{
item.decorName || getDefaultName(item) item.decorName || getDefaultName(item)
}}</text> }}</text> -->
<text class="item-date">{{ formatDate(item.createdAt) }} 制作</text> <text class="item-date">{{ formatDate(item.createdAt) }} 制作</text>
</view> </view>
</view> </view>

View File

@@ -1,6 +1,6 @@
// const BASE_URL = "https://api.ai-meng.com"; const BASE_URL = "https://api.ai-meng.com";
// const BASE_URL = 'http://127.0.0.1:3999' // const BASE_URL = 'http://127.0.0.1:3999'
const BASE_URL = "http://192.168.1.3:3999"; // const BASE_URL = "http://192.168.1.3:3999";
// const BASE_URL = "http://192.168.31.253:3999"; // const BASE_URL = "http://192.168.31.253:3999";
import { useUserStore } from "@/stores/user"; import { useUserStore } from "@/stores/user";