fix: gretting page
This commit is contained in:
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<view class="detail-page" >
|
||||
<view class="detail-page">
|
||||
<NavBar title="祝福贺卡" />
|
||||
|
||||
<scroll-view scroll-y class="content-scroll">
|
||||
@@ -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;
|
||||
|
||||
@@ -44,7 +44,7 @@
|
||||
}}</view>
|
||||
<view class="content-desc">
|
||||
{{
|
||||
fortuneData.desc ||
|
||||
fortuneData.content ||
|
||||
"灵马奔腾,瑞气盈门。此签预示您在2026年如同千里骏马,不仅拥有敏锐的洞察力,更有贵人暗中相助。事业将如破竹之势,学业更有意外惊喜,心之所向,皆能圆满。"
|
||||
}}
|
||||
</view>
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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";
|
||||
|
||||
|
||||
Reference in New Issue
Block a user