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