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