diff --git a/entry/src/main/ets/common/numberMenu.ets b/entry/src/main/ets/common/numberMenu.ets
new file mode 100644
index 0000000000000000000000000000000000000000..fdc98f72404a9fe4b3c390d93a6689805bb42129
--- /dev/null
+++ b/entry/src/main/ets/common/numberMenu.ets
@@ -0,0 +1,118 @@
+import { sourceListType } from '../model/keyboardKeyData'
+import { deleteItem } from './deleteItem'
+import { keyItemGray } from './keyItemGray'
+import { keyItem } from './keyItem'
+import { spaceItem } from './spaceItem'
+import { returnItem } from './returnItem'
+import styleConfiguration from '../common/styleConfiguration'
+
+
+let inputStyle: any = styleConfiguration.getInputStyle()
+let basicButtonWidth  : string
+let basicButtonHeight : string
+let returnButtonWidthType_2 : string
+let spaceButtonWidth_2 : string
+
+//数字键盘
+@Component
+export struct numberMenu {
+  private numberList: sourceListType[]
+  @Link menuType: number
+
+  @Styles pressedStyles() {
+    .backgroundColor("#AEB3BD")
+  }
+
+  @Styles normalStyles() {
+    .backgroundColor("#ffffff")
+  }
+
+  aboutToAppear() : void{
+
+    var dHeight = AppStorage.Get<number>("dHeight")
+    if (dHeight == 1280) {
+      basicButtonWidth = inputStyle.basicButtonWidth_1280;
+      basicButtonHeight = inputStyle.basicButtonHeight_1280;
+      returnButtonWidthType_2 = inputStyle.returnButtonWidthType_1280_2;
+      spaceButtonWidth_2 = inputStyle.spaceButtonWidth_1280_2;
+    }
+    else{
+      basicButtonWidth = inputStyle.basicButtonWidth;
+      basicButtonHeight = inputStyle.basicButtonHeight;
+      returnButtonWidthType_2 = inputStyle.returnButtonWidthType_2;
+      spaceButtonWidth_2 = inputStyle.spaceButtonWidth_2;
+    }
+
+  }
+
+  build() {
+    Flex({ direction: FlexDirection.Column, alignItems: ItemAlign.Center }) {
+      Flex({ justifyContent: FlexAlign.SpaceBetween, alignItems: ItemAlign.Center }) {
+        ForEach(this.numberList.slice(0, 10), (item: sourceListType) => {
+          keyItem({
+            keyValue: { content: item.content, title: item.content, upperContent: item.content },
+            color: '#ffffff'
+          })
+        }, (item: sourceListType) => item.content)
+      }
+      .width('100%')
+      .height(basicButtonHeight)
+      .margin({ top: inputStyle.paddingTop })
+
+      Flex({ justifyContent: FlexAlign.SpaceBetween, alignItems: ItemAlign.Center }) {
+        ForEach(this.numberList.slice(10, 20), (item: sourceListType) => {
+          keyItem({
+            keyValue: { content: item.content, title: item.content, upperContent: item.content },
+            color: '#ffffff'
+          })
+        }, (item: sourceListType) => item.content)
+      }
+      .width('100%')
+      .height(basicButtonHeight)
+      .margin({ top: inputStyle.paddingTop })
+
+      Flex({ justifyContent: FlexAlign.SpaceBetween, alignItems: ItemAlign.Center }) {
+        keyItemGray({ keyValue: '=/\<', menuType: $menuType })
+        ForEach(this.numberList.slice(20), (item: sourceListType) => {
+          keyItem({
+            keyValue: { content: item.content, title: item.content, upperContent: item.content },
+            color: '#ffffff'
+          })
+        }, (item: sourceListType) => item.content)
+        deleteItem()
+      }
+      .width('100%')
+      .height(basicButtonHeight)
+      .margin({ top: inputStyle.paddingTop })
+
+      Flex({ justifyContent: FlexAlign.SpaceBetween, alignItems: ItemAlign.Center }) {
+        keyItemGray({ keyValue: 'back', menuType: $menuType })
+        keyItem({ keyValue: { content: '_', title: '_', upperContent: '_' }, color: '#a8abb7' })
+        keyItem({ keyValue: { content: ',', title: ',', upperContent: ',' }, color: '#a8abb7' })
+        Flex({ direction: FlexDirection.Column, alignItems: ItemAlign.Center, justifyContent: FlexAlign.Center }) {
+          Text('12').fontSize(inputStyle.number1234ontFSize).fontColor('black')
+          Text('34').fontSize(inputStyle.number1234ontFSize).fontColor('black')
+        }
+        .backgroundColor('#fff')
+        .borderRadius(4)
+        .width(basicButtonWidth)
+        .height(basicButtonHeight)
+        .shadow({ radius: 1, color: '#76787c', offsetY: 3 })
+        .stateStyles({
+          normal: this.normalStyles, pressed: this.pressedStyles
+        })
+
+        spaceItem({ spaceWith: spaceButtonWidth_2 })
+        keyItem({ keyValue: { content: '.', title: '.', upperContent: '.' }, color: '#a8abb7' })
+        returnItem({ returnWidth: returnButtonWidthType_2 })
+      }
+      .width('100%')
+      .height(basicButtonHeight)
+      .margin({ top: inputStyle.paddingTop })
+    }
+    .padding({
+      left: inputStyle.paddingLeftRight,
+      right: inputStyle.paddingLeftRight
+    })
+  }
+}
\ No newline at end of file