feat: 修改返回按钮
This commit is contained in:
parent
fcebf5a107
commit
569321bb41
@ -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 {
|
||||
|
||||
@ -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 {
|
||||
|
||||
@ -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 {
|
||||
|
||||
@ -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 {
|
||||
|
||||
@ -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 {
|
||||
|
||||
@ -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 样式 */
|
||||
|
||||
BIN
frontend/static/icon/confimbj.png
Normal file
BIN
frontend/static/icon/confimbj.png
Normal file
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 |
Loading…
Reference in New Issue
Block a user