refactor: Numpad 组件支持 fixed prop — 弹窗内嵌 / 页面固定两种模式

client/src/components/Numpad/Numpad.vue

@@ -1,5 +1,5 @@
 <template>
-  <view class="numpad">
+  <view class="numpad" :class="{ 'numpad-fixed': fixed }">
     <view class="key" v-for="key in keys" :key="key" @tap="onKeyTap(key)">
       <text class="key-text">{{ key }}</text>
     </view>
@@ -24,9 +24,12 @@ const props = withDefaults(defineProps<{
   modelValue?: string
   /** 最大金额（元） */
   max?: number
+  /** 是否固定在底部（弹窗中使用时设为 false） */
+  fixed?: boolean
 }>(), {
   modelValue: '',
-  max: 9999999.99
+  max: 9999999.99,
+  fixed: true
 })
 
 const emit = defineEmits<{
@@ -96,9 +99,17 @@ function onConfirm() {
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   gap: $space-sm;
-  padding: 0 $space-xl;
-  padding-bottom: constant(safe-area-inset-bottom);
-  padding-bottom: env(safe-area-inset-bottom);
+  padding: $space-sm $space-xl;
+
+  &.numpad-fixed {
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    background: $surface;
+    padding-bottom: env(safe-area-inset-bottom);
+    z-index: 100;
+  }
 }
 
 .key {