fix: make page scene

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: 3, name: "每日问候", icon: "/static/icon/yunshi.png", scene: "daily" },
-  { id: 4, name: "情感表达", icon: "/static/icon/hongbao.png", type: "love" },
+  { 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) => {

pages/make/index.vue

@@ -496,7 +496,7 @@
             <view class="line"></view>
             <uni-icons
               type="cloud-upload-filled"
-              size="20"
+              size="16"
               color="#E6B800"
             ></uni-icons>
             <view class="line"></view>
@@ -512,7 +512,7 @@
             <view class="scene-icon-box" :style="{ background: scene.bgColor }">
               <uni-icons
                 :type="scene.icon"
-                size="32"
+                size="26"
                 :color="scene.color"
               ></uni-icons>
             </view>
@@ -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;
+  padding: 24rpx 0;
-  border-radius: 24rpx;
+  border-radius: 20rpx;
-  box-shadow: 0 8rpx 24rpx rgba(0, 0, 0, 0.06);
+  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;
+  width: 80rpx;
-  height: 100rpx;
+  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;
 }
 </style>