feat(form-page): add form page demo

src/design/ant/index.less

@@ -109,18 +109,21 @@
   content: '';
 }
 
+.ant-form-item-with-help {
+  margin-bottom: 0;
+}
+
 .ant-form-item {
   &-label label::after {
     margin: 0 6px 0 2px;
   }
+}
 
-  &-control {
-    line-height: 36px;
-  }
+.ant-form-item:not(.ant-form-item-with-help) {
+  margin-bottom: 20px;
 }
 
 .ant-form-explain {
-  margin-bottom: 2px;
   font-size: 14px;
 }
 

src/design/index.less

@@ -13,6 +13,14 @@
   box-sizing: border-box;
 }
 
+input:-webkit-autofill {
+  -webkit-box-shadow: 0 0 0 1000px white inset !important;
+}
+
+:-webkit-autofill {
+  transition: background-color 5000s ease-in-out 0s !important;
+}
+
 // Background color setting in full screen state in each browser
 ::backdrop,
 html,

src/design/transition/base.less

@@ -1,11 +1,11 @@
 .transition-default() {
   &-enter-active,
   &-leave-active {
-    transition: 0.2s cubic-bezier(0.25, 0.8, 0.5, 1) !important;
+    transition: 0.1s cubic-bezier(0.25, 0.8, 0.5, 1) !important;
   }
 
   &-move {
-    transition: transform 0.5s;
+    transition: transform 0.2s;
   }
 }
 

src/design/transition/fade.less

@@ -11,7 +11,7 @@
 /* fade-slide */
 .fade-slide-leave-active,
 .fade-slide-enter-active {
-  transition: all 0.5s;
+  transition: all 0.2s;
 }
 
 .fade-slide-enter-from {

src/design/var/index.less

@@ -16,4 +16,4 @@
 @page-loading-z-index: 10000;
 
 // left-menu
-@app-menu-item-height: 44px;
+@app-menu-item-height: 46px;