uniapp自定义数字键盘输入页面

要在uniapp中自定义数字键盘输入页面，可以按照以下步骤：

1. 创建一个普通的vue组件，用于显示数字键盘和输入框等元素。

2. 在组件中使用v-model指令绑定输入框的值，使得输入框可以实时响应输入内容。

3. 在数字键盘上绑定事件，根据用户点击的数字或删除键来更新输入框的值。

4. 在需要使用自定义数字键盘的页面中，引入该组件，并将其放置在合适的位置。

下面是一个简单的示例：

<template>
  <div>
    <input type="text" v-model="value" readonly @click="showKeyboard">
    <custom-keyboard v-if="show" @input="handleInput" @delete="handleDelete"></custom-keyboard>
  </div>
</template>

<script>
import CustomKeyboard from "@/components/CustomKeyboard.vue";

export default {
  components: {
    CustomKeyboard,
  },
  data() {
    return {
      value: "",
      show: false,
    };
  },
  methods: {
    showKeyboard() {
      this.show = true;
    },
    handleInput(val) {
      this.value += val;
    },
    handleDelete() {
      this.value = this.value.slice(0, -1);
    },
  },
};
</script>

在上面的例子中，我们创建了一个包含一个输入框和自定义数字键盘的vue组件。当用户点击输入框时，会显示数字键盘。数字键盘上的数字按钮和删除按钮被点击时，都会触发自定义事件，从而更新输入框的值。

注意：这只是一个简单的示例，实际的自定义数字键盘还需要考虑很多细节，比如键盘的样式、布局、输入校验等。