feat: 修改返回按钮

This commit is contained in:
zheng020 2026-05-21 21:35:17 +08:00
parent fcebf5a107
commit 569321bb41
8 changed files with 18 additions and 27 deletions

View File

@ -5,7 +5,7 @@
<!-- 左上角关闭按钮 --> <!-- 左上角关闭按钮 -->
<view class="close-btn" @click="handleClose"> <view class="close-btn" @click="handleClose">
<image class="nav-back-icon" src="/static/icon/back.png" mode="aspectFit"></image> <text class="back-icon" :style="{ color: backIconColor }"></text>
</view> </view>
<!-- 功能按钮区域 --> <!-- 功能按钮区域 -->
@ -144,17 +144,8 @@ const handleAdd = () => {
/* 关闭按钮 */ /* 关闭按钮 */
.close-btn { .close-btn {
position: absolute; font-size: 48rpx;
top: 60rpx; font-weight: bold;
left: 30rpx;
z-index: 100;
width: 80rpx;
height: 80rpx;
/* border-radius: 50%; */
display: flex;
align-items: center;
justify-content: center;
/* border: 3rpx solid rgba(255, 255, 255, 0.6); */
} }
.nav-back-icon { .nav-back-icon {

View File

@ -8,7 +8,7 @@
<!-- 左上角返回按钮 --> <!-- 左上角返回按钮 -->
<view class="back-button" :style="{ top: backButtonTop }" @click="handleBack"> <view class="back-button" :style="{ top: backButtonTop }" @click="handleBack">
<image class="back-icon" src="/static/icon/back.png" mode="aspectFit" /> <text class="back-icon"></text>
</view> </view>
<!-- 内容区域 --> <!-- 内容区域 -->
@ -443,8 +443,8 @@ const handleBack = () => {
} }
.back-icon { .back-icon {
width: 64rpx; font-size: 48rpx;
height: 64rpx; font-weight: bold;
} }
.content-wrapper { .content-wrapper {

View File

@ -2,7 +2,7 @@
<view class="discover-container"> <view class="discover-container">
<!-- 左上角返回按钮 --> <!-- 左上角返回按钮 -->
<view class="back-button" @click="handleBack"> <view class="back-button" @click="handleBack">
<image class="back-icon" src="/static/icon/back.png" mode="aspectFit" /> <text class="back-icon" ></text>
</view> </view>
<!-- 内容区域 --> <!-- 内容区域 -->
@ -324,8 +324,8 @@ onUnmounted(() => {
} }
.back-icon { .back-icon {
width: 64rpx; font-size: 48rpx;
height: 64rpx; font-weight: bold;
} }
.content-wrapper { .content-wrapper {

View File

@ -6,7 +6,7 @@
<!-- 顶部导航 --> <!-- 顶部导航 -->
<view class="nav-bar"> <view class="nav-bar">
<view class="nav-back" @tap="goBack"> <view class="nav-back" @tap="goBack">
<image class="nav-back-icon" src="/static/icon/back.png" mode="aspectFit"></image> <text class="nav-back-icon"></text>
</view> </view>
<text class="nav-title">{{ nickname }}的作品</text> <text class="nav-title">{{ nickname }}的作品</text>
<view class="nav-placeholder"></view> <view class="nav-placeholder"></view>
@ -359,8 +359,8 @@ onUnmounted(() => {
} }
.nav-back-icon { .nav-back-icon {
width: 80rpx; font-size: 48rpx;
height: 80rpx; font-weight: bold;
} }
.nav-title { .nav-title {

View File

@ -6,7 +6,7 @@
<!-- 顶部导航 --> <!-- 顶部导航 -->
<view class="nav-bar"> <view class="nav-bar">
<view class="nav-back" @tap="goBack"> <view class="nav-back" @tap="goBack">
<image class="nav-back-icon" src="/static/icon/back.png" mode="aspectFit"></image> <text class="nav-back-icon"></text>
</view> </view>
<!-- <text class="nav-title">我的作品</text> --> <!-- <text class="nav-title">我的作品</text> -->
<view class="nav-placeholder"></view> <view class="nav-placeholder"></view>
@ -1017,8 +1017,8 @@ onShow(() => {
} }
.nav-back-icon { .nav-back-icon {
width: 80rpx; font-size: 48rpx;
height: 80rpx; font-weight: bold;
} }
.nav-title { .nav-title {

View File

@ -21,7 +21,7 @@
<!-- 返回按钮 --> <!-- 返回按钮 -->
<view class="back-button" @touchstart.stop="handleCloseTouchStart" <view class="back-button" @touchstart.stop="handleCloseTouchStart"
@touchend.stop="handleCloseTouchEnd" @click="handleCloseClick"> @touchend.stop="handleCloseTouchEnd" @click="handleCloseClick">
<image class="back-icon" src="/static/icon/back.png" mode="aspectFit" /> <text class="back-icon"></text>
</view> </view>
<!-- Tab 切换 --> <!-- Tab 切换 -->
@ -572,8 +572,8 @@ const handleCloseClick = (e) => {
} }
.back-icon { .back-icon {
width: 64rpx; font-size: 48rpx;
height: 64rpx; font-weight: bold;
} }
/* Tab 样式 */ /* Tab 样式 */

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.3 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 509 KiB

After

Width:  |  Height:  |  Size: 4.8 KiB