refactor: 周期账单 Numpad 改为弹窗内嵌,移除 fixed 定位

This commit is contained in:
2026-06-09 09:08:03 +08:00
parent a277f1533b
commit 7bf899f0b1

View File

@@ -134,6 +134,11 @@
</view>
</picker>
</view>
<!-- 数字键盘 -->
<view class="form-numpad-wrap">
<Numpad v-model="amountStr" />
</view>
</scroll-view>
<view class="modal-footer" @tap="handleSubmit">
<text class="submit-text">{{ editingId ? '保存修改' : '添加' }}</text>
@@ -141,10 +146,6 @@
</view>
</view>
<!-- Numpad 放在弹窗内避免被 modal-mask 遮挡 -->
<view class="form-numpad" v-if="showModal">
<Numpad v-model="amountStr" />
</view>
</view>
</template>
@@ -500,10 +501,11 @@ function goBack() { uni.navigateBack() }
&:active { opacity: 0.8; }
}
/* Numpad 位于弹窗上方 */
.form-numpad {
position: fixed; bottom: 0; left: 0; right: 0; z-index: 250;
background: $surface;
padding-bottom: env(safe-area-inset-bottom);
/* Numpad 内嵌在表单中 */
.form-numpad-wrap {
margin-top: $space-sm;
background: $bg;
border-radius: $radius-lg;
overflow: hidden;
}
</style>