修改

src/components/simpleKeyboard/index.vue

@@ -112,7 +112,7 @@
     bottom: 0;
     left: 50%;
     transform: translateX(-50%);
-    width: 688px;
+    width: 830px;
     margin: 0;
     padding: 0;
     list-style: none;
@@ -121,9 +121,9 @@
     li {
         float: left;
         margin: 0 5px 5px 0;
-        width: 40px;
-        height: 40px;
-        line-height: 40px;
+        width: 50px;
+        height: 50px;
+        line-height: 50px;
         text-align: center;
         background: #fff;
         border: 1px solid #e5e5e5;
@@ -144,17 +144,17 @@
         width: 70px;
     }
     .capslock {
-        width: 80px;
+        width: 85px;
     }
     .enter {
-        width: 77px;
+        width: 90px;
     }
     .shift {
-        width: 102px;
+        width: 116px;
     }
     .space {
         clear: left;
-        width: 681px;
+        width: 810px;
     }
     .shifted {
         position: relative;