chore: update element-plus@1.3.0-beta.1

src/components/ReCharts/src/Github.vue

@@ -10,13 +10,7 @@ const lists = ref([
 </script>
 
 <template>
-  <el-descriptions
-    class="margin-top"
-    direction="vertical"
-    :column="3"
-    size="medium"
-    border
-  >
+  <el-descriptions class="margin-top" direction="vertical" :column="3" border>
     <el-descriptions-item>
       <template #label>
         <el-icon><user /></el-icon>
@@ -39,13 +33,7 @@ const lists = ref([
       上海
     </el-descriptions-item>
   </el-descriptions>
-  <el-descriptions
-    class="margin-top"
-    direction="vertical"
-    :column="2"
-    size="medium"
-    border
-  >
+  <el-descriptions class="margin-top" direction="vertical" :column="2" border>
     <el-descriptions-item>
       <template #label>
         <el-icon><tickets /></el-icon>
@@ -55,7 +43,7 @@ const lists = ref([
         v-for="item in lists"
         :key="item.label"
         :type="item.type"
-        size="mini"
+        size="small"
         effect="dark"
       >
         {{ item.label }}
@@ -69,13 +57,7 @@ const lists = ref([
       上海市徐汇区
     </el-descriptions-item>
   </el-descriptions>
-  <el-descriptions
-    class="margin-top"
-    direction="vertical"
-    :column="1"
-    size="medium"
-    border
-  >
+  <el-descriptions class="margin-top" direction="vertical" :column="1" border>
     <el-descriptions-item>
       <template #label>
         <el-icon><notebook /></el-icon>
@@ -87,7 +69,7 @@ const lists = ref([
 </template>
 
 <style scoped>
-.el-tag--mini {
+.el-tag {
   margin-right: 10px !important;
 }
 </style>

src/layout/components/navbar.vue

@@ -234,7 +234,7 @@ function translationEn() {
 
 .translation {
   .el-dropdown-menu__item {
-    padding: 0 40px !important;
+    padding: 5px 40px !important;
   }
 
   .el-dropdown-menu__item:focus,
@@ -246,12 +246,10 @@ function translationEn() {
   .check-zh {
     position: absolute;
     left: 20px;
-    top: 13px;
   }
 
   .check-en {
     position: absolute;
-    bottom: 13px;
     left: 20px;
   }
 }
@@ -263,7 +261,6 @@ function translationEn() {
     min-width: 100%;
     display: inline-flex;
     flex-wrap: wrap;
-    padding: 0 18px !important;
   }
 
   .el-dropdown-menu__item:focus,

src/layout/components/sidebar/horizontal.vue

@@ -203,7 +203,7 @@ onMounted(() => {
 <style lang="scss" scoped>
 .translation {
   .el-dropdown-menu__item {
-    padding: 0 40px !important;
+    padding: 5px 40px !important;
   }
 
   .el-dropdown-menu__item:focus,
@@ -215,12 +215,10 @@ onMounted(() => {
   .check-zh {
     position: absolute;
     left: 20px;
-    top: 13px;
   }
 
   .check-en {
     position: absolute;
-    bottom: 13px;
     left: 20px;
   }
 }
@@ -232,7 +230,6 @@ onMounted(() => {
     min-width: 100%;
     display: inline-flex;
     flex-wrap: wrap;
-    padding: 0 18px !important;
   }
 
   .el-dropdown-menu__item:focus,

src/layout/components/tag/index.scss

@@ -207,7 +207,6 @@
   li {
     width: 100%;
     margin: 0;
-    padding: 0 12px;
     cursor: pointer;
     display: flex;
     align-items: center;

src/views/guide/index.vue

@@ -73,9 +73,7 @@ const guide = () => {
 
 <template>
   <div>
-    <div style="font-size: 18px">
-      引导页对于一些第一次进入项目的人很有用，你可以简单介绍下项目的功能
-    </div>
+    <p>引导页对于一些第一次进入项目的人很有用，你可以简单介绍下项目的功能</p>
     <el-button
       type="primary"
       style="margin-top: 10px"

src/views/tabs/index/index.vue

@@ -30,12 +30,7 @@ function toDetail(index: number) {
       title="标签页复用超出限制自动关闭(使用场景: 动态路由)"
       name="tag"
     >
-      <el-button
-        v-for="index in 6"
-        :key="index"
-        size="medium"
-        @click="toDetail(index)"
-      >
+      <el-button v-for="index in 6" :key="index" @click="toDetail(index)">
         打开{{ index }}详情页
       </el-button>
     </el-collapse-item>

src/views/welcome.vue

@@ -63,9 +63,7 @@ const openDepot = (): void => {
       >
         <el-card>
           <template #header>
-            <div>
-              <span>GitHub信息</span>
-            </div>
+            <span style="font-size: 16px; font-weight: 500">GitHub信息</span>
           </template>
           <el-skeleton animated :rows="7" :loading="loading">
             <template #default>
@@ -97,9 +95,9 @@ const openDepot = (): void => {
       >
         <el-card>
           <template #header>
-            <div>
-              <span>GitHub滚动信息</span>
-            </div>
+            <span style="font-size: 16px; font-weight: 500"
+              >GitHub滚动信息</span
+            >
           </template>
           <el-skeleton animated :rows="7" :loading="loading">
             <template #default>
@@ -131,9 +129,9 @@ const openDepot = (): void => {
       >
         <el-card>
           <template #header>
-            <div>
-              <span>GitHub饼图信息</span>
-            </div>
+            <span style="font-size: 16px; font-weight: 500"
+              >GitHub饼图信息</span
+            >
           </template>
           <el-skeleton animated :rows="7" :loading="loading">
             <template #default>
@@ -165,9 +163,9 @@ const openDepot = (): void => {
       >
         <el-card>
           <template #header>
-            <div>
-              <span>GitHub折线图信息</span>
-            </div>
+            <span style="font-size: 16px; font-weight: 500"
+              >GitHub折线图信息</span
+            >
           </template>
           <el-skeleton animated :rows="7" :loading="loading">
             <template #default>
@@ -199,9 +197,9 @@ const openDepot = (): void => {
       >
         <el-card>
           <template #header>
-            <div>
-              <span>GitHub柱状图信息</span>
-            </div>
+            <span style="font-size: 16px; font-weight: 500"
+              >GitHub柱状图信息</span
+            >
           </template>
           <el-skeleton animated :rows="7" :loading="loading">
             <template #default>