diff --git a/pages/index/index.vue b/pages/index/index.vue
index d4558bd..63de24c 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -343,16 +343,16 @@ const sceneList = ref([
id: 1,
name: "节日祝福",
icon: "/static/icon/celebrate.png",
- type: "holiday",
+ scene: "holiday",
},
{
id: 2,
name: "生日纪念",
icon: "/static/icon/guashi.png",
- type: "birthday",
+ scene: "birthday",
},
- { id: 3, name: "每日问候", icon: "/static/icon/yunshi.png", type: "daily" },
- { id: 4, name: "情感表达", icon: "/static/icon/hongbao.png", type: "love" },
+ { id: 3, name: "每日问候", icon: "/static/icon/yunshi.png", scene: "daily" },
+ { id: 4, name: "情感表达", icon: "/static/icon/hongbao.png", scene: "love" },
]);
const wallpaperList = ref([]);
@@ -405,7 +405,7 @@ const navTo = (url) => {
};
const navToMake = (item) => {
- uni.switchTab({ url: "/pages/make/index" });
+ uni.navigateTo({ url: `/pages/make/index?scene=${item.scene}` });
};
const navToWallpaper = (item) => {
diff --git a/pages/make/index.vue b/pages/make/index.vue
index f7726c8..be19e4d 100644
--- a/pages/make/index.vue
+++ b/pages/make/index.vue
@@ -496,7 +496,7 @@
@@ -512,7 +512,7 @@
@@ -2535,10 +2535,10 @@ function drawRoundRect(ctx, x, y, w, h, r, color) {
/* 场景选择弹窗 */
.scene-popup {
- width: 600rpx;
+ width: 520rpx;
background: #fff;
border-radius: 40rpx;
- padding: 50rpx 40rpx;
+ padding: 40rpx 30rpx;
display: flex;
flex-direction: column;
align-items: center;
@@ -2550,20 +2550,20 @@ function drawRoundRect(ctx, x, y, w, h, r, color) {
display: flex;
flex-direction: column;
align-items: center;
- margin-bottom: 40rpx;
+ margin-bottom: 30rpx;
}
.scene-title {
- font-size: 44rpx;
+ font-size: 38rpx;
font-weight: bold;
color: #d0021b; /* 深红色 */
- margin-bottom: 12rpx;
+ margin-bottom: 10rpx;
}
.scene-subtitle {
- font-size: 24rpx;
+ font-size: 22rpx;
color: #999;
- margin-bottom: 30rpx;
+ margin-bottom: 20rpx;
}
.scene-divider {
@@ -2571,11 +2571,11 @@ function drawRoundRect(ctx, x, y, w, h, r, color) {
align-items: center;
width: 100%;
justify-content: center;
- gap: 20rpx;
+ gap: 16rpx;
}
.scene-divider .line {
- width: 100rpx;
+ width: 80rpx;
height: 2rpx;
background: linear-gradient(
90deg,
@@ -2588,20 +2588,20 @@ function drawRoundRect(ctx, x, y, w, h, r, color) {
.scene-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
- gap: 30rpx;
+ gap: 20rpx;
width: 100%;
- margin-bottom: 50rpx;
+ margin-bottom: 30rpx;
}
.scene-item {
display: flex;
flex-direction: column;
align-items: center;
- gap: 20rpx;
+ gap: 12rpx;
background: #fff;
- padding: 40rpx 0;
- border-radius: 24rpx;
- box-shadow: 0 8rpx 24rpx rgba(0, 0, 0, 0.06);
+ padding: 24rpx 0;
+ border-radius: 20rpx;
+ box-shadow: 0 6rpx 16rpx rgba(0, 0, 0, 0.05);
transition: all 0.2s;
}
@@ -2611,25 +2611,25 @@ function drawRoundRect(ctx, x, y, w, h, r, color) {
}
.scene-icon-box {
- width: 100rpx;
- height: 100rpx;
+ width: 80rpx;
+ height: 80rpx;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
- margin-bottom: 8rpx;
+ margin-bottom: 4rpx;
}
.scene-name {
- font-size: 30rpx;
+ font-size: 26rpx;
color: #333;
font-weight: 600;
}
.skip-btn {
- font-size: 26rpx;
+ font-size: 24rpx;
color: #bbb;
- padding: 20rpx;
+ padding: 10rpx;
text-decoration: underline;
}