diff --git a/pages/avatar/index.vue b/pages/avatar/index.vue index 20169db..fc84ca9 100644 --- a/pages/avatar/index.vue +++ b/pages/avatar/index.vue @@ -2,7 +2,7 @@ - 新春头像挂饰 + 新春头像挂饰 @@ -725,12 +725,21 @@ const loadImage = (url) => { padding: 16rpx 24rpx; } .back { - font-size: 40rpx; - margin-right: 12rpx; + font-size: 50rpx; + margin-right: 24rpx; + line-height: 1; + color: #333; + /* 增大点击区域 */ + padding: 20rpx; + margin-left: -20rpx; } -.nav-title-left { - font-size: 32rpx; - font-weight: 600; +.nav-title { + font-size: 34rpx; + font-weight: bold; + color: #333; + flex: 1; + text-align: center; + margin-right: 50rpx; /* Balance back button */ } .preview-card { margin: 20rpx 24rpx; diff --git a/pages/detail/index.vue b/pages/detail/index.vue index c1b98a6..8949cbb 100644 --- a/pages/detail/index.vue +++ b/pages/detail/index.vue @@ -219,23 +219,24 @@ const decorList = ref([ z-index: 100; display: flex; align-items: center; - justify-content: center; - padding-left: 20rpx; + padding: 0 24rpx; background: #fff6f6; /* Match page bg */ } .nav-left { - position: absolute; - left: 20rpx; - padding: 10rpx 20rpx; - font-size: 48rpx; - line-height: 1; display: flex; align-items: center; + margin-right: 24rpx; + /* 增大点击区域 */ + padding: 20rpx; + margin-left: -20rpx; } .nav-title { - font-size: 32rpx; - font-weight: 600; - /* margin-left: 10rpx; */ + font-size: 34rpx; + font-weight: bold; + color: #333; + flex: 1; + text-align: center; + margin-right: 50rpx; /* Balance back button */ } .content-scroll { diff --git a/pages/feedback/index.vue b/pages/feedback/index.vue index 86b0523..efbe4df 100644 --- a/pages/feedback/index.vue +++ b/pages/feedback/index.vue @@ -179,23 +179,31 @@ const submitFeedback = async () => { } .nav-bar { + position: fixed; + top: 0; + left: 0; + right: 0; + z-index: 100; display: flex; align-items: center; - padding: 16rpx 24rpx; + padding: 0 24rpx; background: #fff; - position: sticky; - top: 0; - z-index: 100; } .back { - font-size: 40rpx; + font-size: 50rpx; margin-right: 24rpx; line-height: 1; + color: #333; + padding: 20rpx; + margin-left: -20rpx; } .nav-title { - font-size: 32rpx; - font-weight: 600; + font-size: 34rpx; + font-weight: bold; color: #333; + flex: 1; + text-align: center; + margin-right: 50rpx; } .content-wrap { diff --git a/pages/fortune/detail.vue b/pages/fortune/detail.vue index 70260a4..e0c3f23 100644 --- a/pages/fortune/detail.vue +++ b/pages/fortune/detail.vue @@ -196,6 +196,15 @@ const saveCard = () => { justify-content: center; align-items: center; color: #fff; + position: relative; +} +.back-btn::after { + content: ""; + position: absolute; + top: -10px; + left: -10px; + right: -10px; + bottom: -10px; } .top-banner { diff --git a/pages/fortune/index.vue b/pages/fortune/index.vue index 2b250bc..d7a3424 100644 --- a/pages/fortune/index.vue +++ b/pages/fortune/index.vue @@ -2,7 +2,7 @@ - + 2026 新年运势 @@ -397,22 +397,27 @@ const saveCard = () => { height: 44px; display: flex; align-items: center; - padding: 0 16px; + padding: 0 24rpx; z-index: 100; position: relative; } -.back-btn { - font-size: 28px; +.back { + font-size: 50rpx; color: #ffd700; - margin-right: 12px; + margin-right: 24rpx; line-height: 1; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); + padding: 20rpx; + margin-left: -20rpx; } .nav-title { - font-size: 18px; + font-size: 34rpx; font-weight: 600; color: #ffd700; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); + flex: 1; + text-align: center; + margin-right: 50rpx; } /* 初始状态 */ diff --git a/pages/fortune/record.vue b/pages/fortune/record.vue index 583bb88..ac8fa6a 100644 --- a/pages/fortune/record.vue +++ b/pages/fortune/record.vue @@ -3,9 +3,7 @@ - - - + 我的运势记录 @@ -209,23 +207,23 @@ onLoad(() => { height: 100%; display: flex; align-items: center; - padding: 0 16px; - position: relative; + padding: 0 24rpx; } -.back-btn { - font-size: 32px; +.back { + font-size: 50rpx; color: #fff; - margin-right: 12px; + margin-right: 24rpx; line-height: 1; - padding: 0 10px; + padding: 20rpx; + margin-left: -20rpx; } .nav-title { - font-size: 18px; + font-size: 34rpx; font-weight: 600; color: #fff; - position: absolute; - left: 50%; - transform: translateX(-50%); + flex: 1; + text-align: center; + margin-right: 50rpx; } .content-scroll { diff --git a/pages/mine/avatar.vue b/pages/mine/avatar.vue index 94ed073..a50a5f2 100644 --- a/pages/mine/avatar.vue +++ b/pages/mine/avatar.vue @@ -6,13 +6,8 @@ :style="{ height: navBarHeight + 'px', paddingTop: navBarTop + 'px' }" > - - - - - 我的制作记录 - ••• - + + 我的制作记录 @@ -256,46 +251,27 @@ const getDefaultName = (item) => { background-color: #f9f9f9; .nav-content { - height: 44px; + height: 100%; display: flex; align-items: center; - justify-content: space-between; // Changed to space-between - padding: 0 16px; // Added padding + padding: 0 24rpx; - .back-btn { - height: 100%; - display: flex; - align-items: center; - padding-right: 20px; - - .back-arrow { - font-size: 32px; - color: #333; - font-weight: 300; - } + .back { + font-size: 50rpx; + margin-right: 24rpx; + line-height: 1; + color: #333; + padding: 20rpx; + margin-left: -20rpx; } - .title-wrap { + .nav-title { + font-size: 34rpx; + font-weight: bold; + color: #333; flex: 1; - display: flex; - align-items: center; - justify-content: center; - position: relative; - margin-right: 32px; // Balance the back button space - - .title { - font-size: 18px; - font-weight: 600; - color: #333; - } - - .more-btn { - position: absolute; - right: -20px; - font-size: 20px; - color: #333; - display: none; // Hide for now as per design mockup clean look - } + text-align: center; + margin-right: 50rpx; } } } diff --git a/pages/mine/greeting.vue b/pages/mine/greeting.vue index 2d6cd24..0287517 100644 --- a/pages/mine/greeting.vue +++ b/pages/mine/greeting.vue @@ -310,21 +310,21 @@ const onEdit = (item) => { height: 44px; display: flex; align-items: center; - justify-content: center; - position: relative; + padding: 0 24rpx; .back-btn { - position: absolute; - left: 16px; - height: 100%; display: flex; align-items: center; - padding: 0 10px; + margin-right: 24rpx; + /* 增大点击区域 */ + padding: 20rpx; + margin-left: -20rpx; .back-arrow { - font-size: 32px; + font-size: 50rpx; color: #333; font-weight: 300; + line-height: 1; } } @@ -332,6 +332,9 @@ const onEdit = (item) => { font-size: 18px; font-weight: 600; color: #333; + flex: 1; + text-align: center; + margin-right: 50rpx; /* Balance back button */ } } } diff --git a/pages/mine/help.vue b/pages/mine/help.vue index a6e3a25..3ab1e96 100644 --- a/pages/mine/help.vue +++ b/pages/mine/help.vue @@ -230,28 +230,26 @@ const toggleQuestion = (catIndex, itemIndex) => { z-index: 100; display: flex; align-items: center; - justify-content: center; + padding: 0 24rpx; background: #fff; } .nav-left { - position: absolute; - left: 20rpx; - bottom: 0; - height: 44px; display: flex; align-items: center; - padding: 0 10rpx; + margin-right: 24rpx; + /* 增大点击区域 */ + padding: 20rpx; + margin-left: -20rpx; } .nav-title { font-size: 32rpx; font-weight: bold; color: #000; - position: absolute; - bottom: 0; - height: 44px; - line-height: 44px; + flex: 1; + text-align: center; + margin-right: 50rpx; /* Balance back button */ } .search-box { diff --git a/pages/mine/profile.vue b/pages/mine/profile.vue index 8a9adef..80298ad 100644 --- a/pages/mine/profile.vue +++ b/pages/mine/profile.vue @@ -255,22 +255,25 @@ const handleSave = async () => { background-color: #fcfcfc; display: flex; align-items: center; - justify-content: center; + padding: 0 24rpx; z-index: 100; .nav-left { - position: absolute; - left: 30rpx; - bottom: 0; - height: 44px; display: flex; align-items: center; + margin-right: 24rpx; + /* 增大点击区域 */ + padding: 20rpx; + margin-left: -20rpx; } .nav-title { font-size: 34rpx; font-weight: 600; color: #000; + flex: 1; + text-align: center; + margin-right: 50rpx; /* Balance back button */ } } diff --git a/pages/mine/vip.vue b/pages/mine/vip.vue index be6280b..faaae64 100644 --- a/pages/mine/vip.vue +++ b/pages/mine/vip.vue @@ -8,9 +8,7 @@ paddingTop: statusBarHeight + 'px', }" > - - - + 会员中心 @@ -238,23 +236,26 @@ const handlePurchase = async () => { background-color: #fff; display: flex; align-items: center; - justify-content: center; + padding: 0 24rpx; z-index: 100; box-shadow: 0 2rpx 10rpx rgba(0, 0, 0, 0.05); - .nav-left { - position: absolute; - left: 30rpx; - bottom: 0; - height: 44px; // Standard title bar height - display: flex; - align-items: center; + .back { + font-size: 50rpx; + margin-right: 24rpx; + line-height: 1; + color: #333; + padding: 20rpx; + margin-left: -20rpx; } .nav-title { font-size: 34rpx; font-weight: 600; color: #000; + flex: 1; + text-align: center; + margin-right: 50rpx; } } diff --git a/pages/mine/wallpaper.vue b/pages/mine/wallpaper.vue index f539fa5..5b0956a 100644 --- a/pages/mine/wallpaper.vue +++ b/pages/mine/wallpaper.vue @@ -169,21 +169,21 @@ const onPreview = (item) => { height: 44px; display: flex; align-items: center; - justify-content: center; - position: relative; + padding: 0 24rpx; .back-btn { - position: absolute; - left: 16px; - height: 100%; display: flex; align-items: center; - padding: 0 10px; + margin-right: 24rpx; + /* 增大点击区域 */ + padding: 20rpx; + margin-left: -20rpx; .back-arrow { - font-size: 32px; + font-size: 50rpx; color: #333; font-weight: 300; + line-height: 1; } } @@ -191,6 +191,9 @@ const onPreview = (item) => { font-size: 18px; font-weight: 600; color: #333; + flex: 1; + text-align: center; + margin-right: 50rpx; /* Balance back button */ } } } diff --git a/pages/wallpaper/detail.vue b/pages/wallpaper/detail.vue index 1695ebf..656e7a9 100644 --- a/pages/wallpaper/detail.vue +++ b/pages/wallpaper/detail.vue @@ -238,28 +238,31 @@ const goToAvatar = () => { height: 44px; // Standard nav height display: flex; align-items: center; - justify-content: center; - position: relative; + padding: 0 24rpx; .back { - position: absolute; - left: 16px; - height: 100%; display: flex; align-items: center; - padding: 0 10px; + margin-right: 24rpx; + /* 增大点击区域 */ + padding: 20rpx; + margin-left: -20rpx; .back-icon { - font-size: 32px; + font-size: 50rpx; color: #333; font-weight: 300; + line-height: 1; } } .title { - font-size: 18px; + font-size: 34rpx; font-weight: 600; color: #333; + flex: 1; + text-align: center; + margin-right: 50rpx; /* Balance back button */ } } } diff --git a/pages/wallpaper/index.vue b/pages/wallpaper/index.vue index c49c8a0..461301a 100644 --- a/pages/wallpaper/index.vue +++ b/pages/wallpaper/index.vue @@ -271,12 +271,18 @@ const shareWallpaper = (item) => {}; margin-right: 24rpx; line-height: 1; color: #ffd700; /* Gold */ + /* 增大点击区域 */ + padding: 20rpx; + margin-left: -20rpx; } .nav-title { font-size: 34rpx; font-weight: 600; color: #ffd700; /* Gold */ + flex: 1; + text-align: center; + margin-right: 50rpx; /* Balance back button */ } .category-tabs {