新增备注组件，优化el样式变量

src/App.vue

@@ -68,13 +68,41 @@ router.beforeEach((to, from) => {
   --el-button-hover-bg-color: var(--primary-color) !important;
   --el-color-primary-light-3: rgb(var(--r-lighter), var(--g-lighter), var(--b-lighter)) !important;
   --el-color-primary-dark-2: rgb(var(--r-darker), var(--g-darker), var(--b-darker)) !important;
+
+  --el-font-size-base: 20px !important;
+  --el-message-close-size: 20px !important;
+  --el-component-size-large: 50px !important;
 }
 
 html {
-  font-size: 20px;
+  font-size: var(--el-font-size-base);
   color: #333;
 }
 
+.el-textarea {
+  font-size: var(--el-font-size-base) !important;
+}
+
+.el-dialog__header {
+  background-color: #555;
+  margin-right: 0 !important;
+  padding-bottom: 20px !important;
+  border-radius: var(--el-dialog-border-radius) var(--el-dialog-border-radius) 0 0;
+}
+
+.el-dialog__title {
+  color: #fff !important;
+}
+
+.el-button--large {
+  --el-button-size: 50px !important;
+  font-size: var(--el-font-size-base) !important;
+}
+
+.el-input--large {
+  font-size: var(--el-font-size-base) !important;
+}
+
 /*定义滚动条高宽及背景
  高宽分别对应横竖滚动条的尺寸*/
 ::-webkit-scrollbar {