返回按钮放到右下角

lefengyang

2026-08-17 1bc942e13a091031ca6ce1756f2e2293a7117b15

返回按钮放到右下角

 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;