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>
<view class="detail-page" >
<NavBar title="祝福贺卡" />
<view class="detail-page">
<NavBar title="祝福贺卡" />
<scroll-view scroll-y class="content-scroll">
<view class="content-wrap">
@@ -46,7 +46,7 @@
</view>
<!-- Recommendations -->
<view class="recommend-section">
<!-- <view class="recommend-section">
<view class="section-header">
<text class="section-title">大家都在玩的头像挂饰</text>
<text class="more-link">查看更多</text>
@@ -65,24 +65,38 @@
</view>
</view>
</scroll-view>
</view>
</view> -->
<!-- Banner -->
<view class="banner-card">
<view class="wallpaper-banner" @tap="goToFortune">
<view class="banner-icon">
<image
src="/static/logo.png"
mode="aspectFit"
style="width: 100%; height: 100%"
v-if="false"
/>
<view class="placeholder-icon"></view>
<text>🏮</text>
</view>
<view class="banner-content">
<view class="banner-title">领取我的马年头像框</view>
<view class="banner-desc">定制专属新春社交形象</view>
<text class="banner-title">去抽取新年运势</text>
<text class="banner-desc">每日一签开启你的新年好运</text>
</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>
<!-- Footer -->
@@ -170,6 +184,29 @@ const decorList = ref([
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>
<style lang="scss" scoped>
@@ -229,6 +266,53 @@ const decorList = ref([
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 {
background: #fff;

View File

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

View File

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

View File

@@ -1,5 +1,5 @@
<template>
<view class="avatar-page" >
<view class="avatar-page">
<!-- Navbar -->
<NavBar title="我的头像制作" />
@@ -57,9 +57,9 @@
</view>
</view>
<view class="item-info">
<text class="item-name">{{
<!-- <text class="item-name">{{
item.decorName || getDefaultName(item)
}}</text>
}}</text> -->
<text class="item-date">{{ formatDate(item.createdAt) }} 制作</text>
</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://192.168.1.3:3999";
// const BASE_URL = "http://192.168.1.3:3999";
// const BASE_URL = "http://192.168.31.253:3999";
import { useUserStore } from "@/stores/user";