feat: 修改返回按钮
This commit is contained in:
parent
fcebf5a107
commit
569321bb41
@ -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 {
|
||||||
|
|||||||
@ -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 {
|
||||||
|
|||||||
@ -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 {
|
||||||
|
|||||||
@ -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 {
|
||||||
|
|||||||
@ -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 {
|
||||||
|
|||||||
@ -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 样式 */
|
||||||
|
|||||||
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