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">
<image class="nav-back-icon" src="/static/icon/back.png" mode="aspectFit"></image>
<text class="back-icon" :style="{ color: backIconColor }"></text>
</view>
<!-- 功能按钮区域 -->
@ -144,17 +144,8 @@ const handleAdd = () => {
/* 关闭按钮 */
.close-btn {
position: absolute;
top: 60rpx;
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); */
font-size: 48rpx;
font-weight: bold;
}
.nav-back-icon {

View File

@ -8,7 +8,7 @@
<!-- 左上角返回按钮 -->
<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>
<!-- 内容区域 -->
@ -443,8 +443,8 @@ const handleBack = () => {
}
.back-icon {
width: 64rpx;
height: 64rpx;
font-size: 48rpx;
font-weight: bold;
}
.content-wrapper {

View File

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

View File

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

View File

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

View File

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