From 1bc942e13a091031ca6ce1756f2e2293a7117b15 Mon Sep 17 00:00:00 2001
From: lefengyang <lefengyang@tencent.com>
Date: Mon, 17 Aug 2026 05:56:13 +0800
Subject: [PATCH] 返回按钮放到右下角
---
ledApp/pages/addTemplate/addTemplate.vue | 22 ++++++++++++++++------
1 files changed, 16 insertions(+), 6 deletions(-)
diff --git a/ledApp/pages/addTemplate/addTemplate.vue b/ledApp/pages/addTemplate/addTemplate.vue
index f5c0355..9b9bbc7 100644
--- a/ledApp/pages/addTemplate/addTemplate.vue
+++ b/ledApp/pages/addTemplate/addTemplate.vue
@@ -124,12 +124,12 @@
<!-- 动画弹出框 -->
<uv-popup ref="popupAnimation" mode="center" @change="changeAnimation" :safeAreaInsetTop="false" :safeAreaInsetBottom="false" :zoom="false" duration="0">
<view class="animation_pixel">
- <view class="back_btn" @click="popupAnimationClose">
+ <view class="back_btn" v-show="false" @click="popupAnimationClose">
<uv-icon name="arrow-leftward" color="#333" size="30"></uv-icon>
</view>
<!-- 操作按钮 -->
<view class="controls" style="left: 30rpx;">
- <uv-button type="success" :plain="true" :text="showControls ? '收回' : '操作'" @click="toggleControls"></uv-button>
+ <uv-button type="success" :plain="true" :text="showControls ? '返回' : '操作'" @click="toggleControls"></uv-button>
</view>
<!-- 动画按钮 -->
@@ -162,7 +162,11 @@
<view class="pixel_cell_item" :style="{ backgroundColor: cell }"></view>
</view>
</view>
+ <view style="height:20vh;"></view>
</scroll-view>
+ <view class="exit_btn">
+ <uv-button type="success" :plain="true" text="退出" @click="popupAnimationClose"></uv-button>
+ </view>
</view>
</uv-popup>
@@ -1094,12 +1098,18 @@
}
.controls {
position: absolute;
- bottom: 10px;
- left: 130px;
+ bottom: 10rpx;
+ left: 110rpx;
display: flex;
- gap: 20px;
+ gap: 10rpx;
z-index: 9;
}
+ .exit_btn{
+ position: absolute;
+ right: 30rpx;
+ bottom: 10rpx;
+ z-index: 9999;
+ }
.animation_pixel{
width: 100vw;
height: 100vh;
@@ -1119,7 +1129,7 @@
top: -9999px;
}
.pixel_grid {
- height: 85vh;
+ height: 80vh;
border-bottom: 1px solid #eee;
display: grid;
gap: 1px;
--
Gitblit v1.10.0