diff --git a/entry/src/main/ets/common/keyItem.ets b/entry/src/main/ets/common/keyItem.ets
new file mode 100644
index 0000000000000000000000000000000000000000..caa452f21ee35b9226d741a9b7c0462a5eacf88b
--- /dev/null
+++ b/entry/src/main/ets/common/keyItem.ets
@@ -0,0 +1,58 @@
+import { keySourceListType} from '../model/keyboardKeyData'
+import { InputHandler } from '../model/InputHandler'
+import styleConfiguration from '../common/styleConfiguration'
+
+
+let inputStyle: any = styleConfiguration.getInputStyle()
+let basicButtonWidth  : string
+let basicButtonHeight : string
+
+
+//无大小写的按键组件
+@Component
+export struct keyItem {
+  private keyValue: keySourceListType
+  private color: string
+
+  @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;
+    }
+    else{
+      basicButtonWidth = inputStyle.basicButtonWidth;
+      basicButtonHeight = inputStyle.basicButtonHeight;
+    }
+  }
+
+  build() {
+    Flex({ direction: FlexDirection.Column, alignItems: ItemAlign.Center, justifyContent: FlexAlign.Center }) {
+      Text(this.keyValue.content)
+        .fontSize(inputStyle.en_fontSize)
+        .fontColor('black')
+    }
+    .backgroundColor('#fff')
+    .borderRadius(4)
+    .width(basicButtonWidth)
+    .height(basicButtonHeight)
+    .shadow({ radius: 1, color: '#76787c', offsetY: 3 })
+    .padding({ top: '5%', bottom: '5%' })
+    .onClick(() => {
+      console.info('may-->111122233444:eeee')
+      InputHandler.getInstance().insertText(this.keyValue.content);
+    })
+    .stateStyles({
+      normal: this.normalStyles, pressed: this.pressedStyles
+    })
+  }
+}
\ No newline at end of file