From 9898b01c06f2a600acb49766e6589db204ae20c4 Mon Sep 17 00:00:00 2001
From: xuqingkai <xuqingkai@hd123.com>
Date: Sat, 28 Oct 2023 18:15:14 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E2=9C=A8=20table=E7=BB=84=E4=BB=B6?=
 =?UTF-8?q?=E6=94=AF=E6=8C=81=E6=8E=92=E5=BA=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/table/Index.vue                     | 1528 +----------------
 .../components/common/abstracts/variable.scss |    5 +-
 .../wd-tabbar-item/wd-tabbar-item.vue         |    2 +-
 .../components/wd-table-col/types.ts          |    4 +-
 .../components/wd-table-col/wd-table-col.vue  |   49 +-
 .../components/wd-table/index.scss            |   29 +-
 .../components/wd-table/wd-table.vue          |  123 +-
 7 files changed, 220 insertions(+), 1520 deletions(-)

diff --git a/src/pages/table/Index.vue b/src/pages/table/Index.vue
index e92f69a1..cb410e03 100644
--- a/src/pages/table/Index.vue
+++ b/src/pages/table/Index.vue
@@ -4,8 +4,8 @@
       <wd-table :data="dataList" :stripe="true" @sort-method="doSort" @row-click="handleRowClick">
         <template #fixed>
           <view style="display: inline-flex">
-            <wd-table-col prop="name" label="姓名" fixed="true" :sortable="true"></wd-table-col>
-            <wd-table-col prop="grade" label="分数" :sortable="true"></wd-table-col>
+            <wd-table-col prop="name" label="姓名" fixed="true" :sortable="true" align="center"></wd-table-col>
+            <wd-table-col prop="grade" label="分数" :sortable="true" align="center"></wd-table-col>
           </view>
         </template>
         <!-- <template #default="scope: any">
@@ -14,8 +14,8 @@
             <text>同比{{ scope.row.compare }}</text>
           </view>
         </template> -->
-        <wd-table-col prop="hobby" label="一言以蔽之" :sortable="true" width="320rpx"></wd-table-col>
-        <wd-table-col prop="school" label="求学之所" width="360rpx"></wd-table-col>
+        <wd-table-col prop="hobby" label="一言以蔽之" :sortable="true" :width="160"></wd-table-col>
+        <wd-table-col prop="school" label="求学之所" :width="180"></wd-table-col>
         <wd-table-col prop="major" label="专业"></wd-table-col>
         <wd-table-col prop="gender" label="性别"></wd-table-col>
         <wd-table-col prop="graduation" label="学成时间"></wd-table-col>
@@ -27,6 +27,56 @@
 import { ref } from 'vue'
 
 const dataList = ref<Record<string, any>[]>([
+  {
+    name: '关羽',
+    school: '武汉市阳逻绿豆学院',
+    major: '计算机科学与技术专业',
+    gender: '男',
+    graduation: '2022年1月12日',
+    grade: 66,
+    compare: '48%',
+    hobby: '颜良文丑，以吾观之，如土鸡瓦犬耳。'
+  },
+  {
+    name: '刘备',
+    school: '武汉市阳逻编织学院',
+    major: '计算机科学与技术专业',
+    gender: '男',
+    graduation: '2022年1月12日',
+    grade: 68,
+    compare: '21%',
+    hobby: '我得空明，如鱼得水也'
+  },
+  {
+    name: '赵云',
+    school: '武汉市阳逻妇幼保健学院',
+    major: '计算机科学与技术专业',
+    gender: '男',
+    graduation: '2022年1月12日',
+    grade: 91,
+    compare: '12%',
+    hobby: '子龙，子龙，世无双'
+  },
+  {
+    name: '孔明',
+    school: '武汉市阳逻卧龙学院',
+    major: '计算机科学与技术专业',
+    gender: '男',
+    graduation: '2022年1月12日',
+    grade: 99,
+    compare: '18%',
+    hobby: '兴汉讨贼，克复中原'
+  },
+  {
+    name: '姜维',
+    school: '武汉市阳逻停水停电技术学院',
+    major: '计算机科学与技术专业',
+    gender: '男',
+    graduation: '2022年1月12日',
+    grade: 88,
+    compare: '18%',
+    hobby: '我计不成，乃天命也！'
+  },
   {
     name: '张飞',
     school: '武汉市阳逻杀猪学院',
@@ -147,6 +197,36 @@ const dataList = ref<Record<string, any>[]>([
     compare: '10%',
     hobby: '我计不成，乃天命也！'
   },
+  {
+    name: '赵云',
+    school: '武汉市阳逻妇幼保健学院',
+    major: '计算机科学与技术专业',
+    gender: '男',
+    graduation: '2022年1月12日',
+    grade: 96,
+    compare: '8%',
+    hobby: '子龙，子龙，世无双'
+  },
+  {
+    name: '孔明',
+    school: '武汉市阳逻卧龙学院',
+    major: '计算机科学与技术专业',
+    gender: '男',
+    graduation: '2022年1月12日',
+    grade: 86,
+    compare: '84%',
+    hobby: '兴汉讨贼，克复中原'
+  },
+  {
+    name: '姜维',
+    school: '武汉市阳逻停水停电技术学院',
+    major: '计算机科学与技术专业',
+    gender: '男',
+    graduation: '2022年1月12日',
+    grade: 26,
+    compare: '10%',
+    hobby: '我计不成，乃天命也！'
+  },
   {
     name: '张飞',
     school: '武汉市阳逻杀猪学院',
@@ -787,196 +867,6 @@ const dataList = ref<Record<string, any>[]>([
     compare: '14%',
     hobby: '子龙，子龙，世无双'
   },
-  {
-    name: '孔明',
-    school: '武汉市阳逻卧龙学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 88,
-    compare: '21%',
-    hobby: '兴汉讨贼，克复中原'
-  },
-  {
-    name: '姜维',
-    school: '武汉市阳逻停水停电技术学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 87,
-    compare: '32%',
-    hobby: '我计不成，乃天命也！'
-  },
-  {
-    name: '张飞',
-    school: '武汉市阳逻杀猪学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 76,
-    compare: '44%',
-    hobby: '燕人张飞在此！'
-  },
-  {
-    name: '关羽',
-    school: '武汉市阳逻绿豆学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 88,
-    compare: '14%',
-    hobby: '颜良文丑，以吾观之，如土鸡瓦犬耳。'
-  },
-  {
-    name: '刘备',
-    school: '武汉市阳逻编织学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 71,
-    compare: '38%',
-    hobby: '我得空明，如鱼得水也'
-  },
-  {
-    name: '赵云',
-    school: '武汉市阳逻妇幼保健学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 96,
-    compare: '8%',
-    hobby: '子龙，子龙，世无双'
-  },
-  {
-    name: '孔明',
-    school: '武汉市阳逻卧龙学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 86,
-    compare: '84%',
-    hobby: '兴汉讨贼，克复中原'
-  },
-  {
-    name: '姜维',
-    school: '武汉市阳逻停水停电技术学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 26,
-    compare: '10%',
-    hobby: '我计不成，乃天命也！'
-  },
-  {
-    name: '张飞',
-    school: '武汉市阳逻杀猪学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 45,
-    compare: '16%',
-    hobby: '燕人张飞在此！'
-  },
-  {
-    name: '关羽',
-    school: '武汉市阳逻绿豆学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 88,
-    compare: '6%',
-    hobby: '颜良文丑，以吾观之，如土鸡瓦犬耳。'
-  },
-  {
-    name: '刘备',
-    school: '武汉市阳逻编织学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 76,
-    compare: '38%',
-    hobby: '我得空明，如鱼得水也'
-  },
-  {
-    name: '赵云',
-    school: '武汉市阳逻妇幼保健学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 36,
-    compare: '48%',
-    hobby: '子龙，子龙，世无双'
-  },
-  {
-    name: '孔明',
-    school: '武汉市阳逻卧龙学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 99,
-    compare: '1%',
-    hobby: '兴汉讨贼，克复中原'
-  },
-  {
-    name: '姜维',
-    school: '武汉市阳逻停水停电技术学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 88,
-    compare: '21%',
-    hobby: '我计不成，乃天命也！'
-  },
-  {
-    name: '张飞',
-    school: '武汉市阳逻杀猪学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 77,
-    compare: '33%',
-    hobby: '燕人张飞在此！'
-  },
-  {
-    name: '关羽',
-    school: '武汉市阳逻绿豆学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 66,
-    compare: '48%',
-    hobby: '颜良文丑，以吾观之，如土鸡瓦犬耳。'
-  },
-  {
-    name: '刘备',
-    school: '武汉市阳逻编织学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 68,
-    compare: '21%',
-    hobby: '我得空明，如鱼得水也'
-  },
-  {
-    name: '赵云',
-    school: '武汉市阳逻妇幼保健学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 91,
-    compare: '12%',
-    hobby: '子龙，子龙，世无双'
-  },
-  {
-    name: '孔明',
-    school: '武汉市阳逻卧龙学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 99,
-    compare: '18%',
-    hobby: '兴汉讨贼，克复中原'
-  },
   {
     name: '姜维',
     school: '武汉市阳逻停水停电技术学院',
@@ -1157,1256 +1047,6 @@ const dataList = ref<Record<string, any>[]>([
     compare: '1%',
     hobby: '兴汉讨贼，克复中原'
   },
-  {
-    name: '姜维',
-    school: '武汉市阳逻停水停电技术学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 88,
-    compare: '21%',
-    hobby: '我计不成，乃天命也！'
-  },
-  {
-    name: '张飞',
-    school: '武汉市阳逻杀猪学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 77,
-    compare: '33%',
-    hobby: '燕人张飞在此！'
-  },
-  {
-    name: '关羽',
-    school: '武汉市阳逻绿豆学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 66,
-    compare: '48%',
-    hobby: '颜良文丑，以吾观之，如土鸡瓦犬耳。'
-  },
-  {
-    name: '刘备',
-    school: '武汉市阳逻编织学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 68,
-    compare: '21%',
-    hobby: '我得空明，如鱼得水也'
-  },
-  {
-    name: '赵云',
-    school: '武汉市阳逻妇幼保健学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 91,
-    compare: '12%',
-    hobby: '子龙，子龙，世无双'
-  },
-  {
-    name: '孔明',
-    school: '武汉市阳逻卧龙学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 99,
-    compare: '18%',
-    hobby: '兴汉讨贼，克复中原'
-  },
-  {
-    name: '姜维',
-    school: '武汉市阳逻停水停电技术学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 88,
-    compare: '18%',
-    hobby: '我计不成，乃天命也！'
-  },
-  {
-    name: '张飞',
-    school: '武汉市阳逻杀猪学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 56,
-    compare: '10%',
-    hobby: '燕人张飞在此！'
-  },
-  {
-    name: '关羽',
-    school: '武汉市阳逻绿豆学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 66,
-    compare: '11%',
-    hobby: '颜良文丑，以吾观之，如土鸡瓦犬耳。'
-  },
-  {
-    name: '刘备',
-    school: '武汉市阳逻编织学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 45,
-    compare: '1%',
-    hobby: '我得空明，如鱼得水也'
-  },
-  {
-    name: '赵云',
-    school: '武汉市阳逻妇幼保健学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 69,
-    compare: '14%',
-    hobby: '子龙，子龙，世无双'
-  },
-  {
-    name: '孔明',
-    school: '武汉市阳逻卧龙学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 88,
-    compare: '21%',
-    hobby: '兴汉讨贼，克复中原'
-  },
-  {
-    name: '姜维',
-    school: '武汉市阳逻停水停电技术学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 87,
-    compare: '32%',
-    hobby: '我计不成，乃天命也！'
-  },
-  {
-    name: '张飞',
-    school: '武汉市阳逻杀猪学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 76,
-    compare: '44%',
-    hobby: '燕人张飞在此！'
-  },
-  {
-    name: '关羽',
-    school: '武汉市阳逻绿豆学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 88,
-    compare: '14%',
-    hobby: '颜良文丑，以吾观之，如土鸡瓦犬耳。'
-  },
-  {
-    name: '刘备',
-    school: '武汉市阳逻编织学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 71,
-    compare: '38%',
-    hobby: '我得空明，如鱼得水也'
-  },
-  {
-    name: '赵云',
-    school: '武汉市阳逻妇幼保健学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 96,
-    compare: '8%',
-    hobby: '子龙，子龙，世无双'
-  },
-  {
-    name: '孔明',
-    school: '武汉市阳逻卧龙学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 86,
-    compare: '84%',
-    hobby: '兴汉讨贼，克复中原'
-  },
-  {
-    name: '姜维',
-    school: '武汉市阳逻停水停电技术学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 26,
-    compare: '10%',
-    hobby: '我计不成，乃天命也！'
-  },
-  {
-    name: '张飞',
-    school: '武汉市阳逻杀猪学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 45,
-    compare: '16%',
-    hobby: '燕人张飞在此！'
-  },
-  {
-    name: '关羽',
-    school: '武汉市阳逻绿豆学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 88,
-    compare: '6%',
-    hobby: '颜良文丑，以吾观之，如土鸡瓦犬耳。'
-  },
-  {
-    name: '刘备',
-    school: '武汉市阳逻编织学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 76,
-    compare: '38%',
-    hobby: '我得空明，如鱼得水也'
-  },
-  {
-    name: '赵云',
-    school: '武汉市阳逻妇幼保健学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 36,
-    compare: '48%',
-    hobby: '子龙，子龙，世无双'
-  },
-  {
-    name: '孔明',
-    school: '武汉市阳逻卧龙学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 99,
-    compare: '1%',
-    hobby: '兴汉讨贼，克复中原'
-  },
-  {
-    name: '姜维',
-    school: '武汉市阳逻停水停电技术学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 88,
-    compare: '21%',
-    hobby: '我计不成，乃天命也！'
-  },
-  {
-    name: '张飞',
-    school: '武汉市阳逻杀猪学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 77,
-    compare: '33%',
-    hobby: '燕人张飞在此！'
-  },
-  {
-    name: '关羽',
-    school: '武汉市阳逻绿豆学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 66,
-    compare: '48%',
-    hobby: '颜良文丑，以吾观之，如土鸡瓦犬耳。'
-  },
-  {
-    name: '刘备',
-    school: '武汉市阳逻编织学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 68,
-    compare: '21%',
-    hobby: '我得空明，如鱼得水也'
-  },
-  {
-    name: '赵云',
-    school: '武汉市阳逻妇幼保健学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 91,
-    compare: '12%',
-    hobby: '子龙，子龙，世无双'
-  },
-  {
-    name: '孔明',
-    school: '武汉市阳逻卧龙学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 99,
-    compare: '18%',
-    hobby: '兴汉讨贼，克复中原'
-  },
-  {
-    name: '姜维',
-    school: '武汉市阳逻停水停电技术学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 88,
-    compare: '18%',
-    hobby: '我计不成，乃天命也！'
-  },
-  {
-    name: '张飞',
-    school: '武汉市阳逻杀猪学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 56,
-    compare: '10%',
-    hobby: '燕人张飞在此！'
-  },
-  {
-    name: '关羽',
-    school: '武汉市阳逻绿豆学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 66,
-    compare: '11%',
-    hobby: '颜良文丑，以吾观之，如土鸡瓦犬耳。'
-  },
-  {
-    name: '刘备',
-    school: '武汉市阳逻编织学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 45,
-    compare: '1%',
-    hobby: '我得空明，如鱼得水也'
-  },
-  {
-    name: '赵云',
-    school: '武汉市阳逻妇幼保健学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 69,
-    compare: '14%',
-    hobby: '子龙，子龙，世无双'
-  },
-  {
-    name: '孔明',
-    school: '武汉市阳逻卧龙学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 88,
-    compare: '21%',
-    hobby: '兴汉讨贼，克复中原'
-  },
-  {
-    name: '姜维',
-    school: '武汉市阳逻停水停电技术学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 87,
-    compare: '32%',
-    hobby: '我计不成，乃天命也！'
-  },
-  {
-    name: '张飞',
-    school: '武汉市阳逻杀猪学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 76,
-    compare: '44%',
-    hobby: '燕人张飞在此！'
-  },
-  {
-    name: '关羽',
-    school: '武汉市阳逻绿豆学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 88,
-    compare: '14%',
-    hobby: '颜良文丑，以吾观之，如土鸡瓦犬耳。'
-  },
-  {
-    name: '刘备',
-    school: '武汉市阳逻编织学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 71,
-    compare: '38%',
-    hobby: '我得空明，如鱼得水也'
-  },
-  {
-    name: '赵云',
-    school: '武汉市阳逻妇幼保健学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 96,
-    compare: '8%',
-    hobby: '子龙，子龙，世无双'
-  },
-  {
-    name: '孔明',
-    school: '武汉市阳逻卧龙学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 86,
-    compare: '84%',
-    hobby: '兴汉讨贼，克复中原'
-  },
-  {
-    name: '姜维',
-    school: '武汉市阳逻停水停电技术学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 26,
-    compare: '10%',
-    hobby: '我计不成，乃天命也！'
-  },
-  {
-    name: '张飞',
-    school: '武汉市阳逻杀猪学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 45,
-    compare: '16%',
-    hobby: '燕人张飞在此！'
-  },
-  {
-    name: '关羽',
-    school: '武汉市阳逻绿豆学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 88,
-    compare: '6%',
-    hobby: '颜良文丑，以吾观之，如土鸡瓦犬耳。'
-  },
-  {
-    name: '刘备',
-    school: '武汉市阳逻编织学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 76,
-    compare: '38%',
-    hobby: '我得空明，如鱼得水也'
-  },
-  {
-    name: '赵云',
-    school: '武汉市阳逻妇幼保健学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 36,
-    compare: '48%',
-    hobby: '子龙，子龙，世无双'
-  },
-  {
-    name: '孔明',
-    school: '武汉市阳逻卧龙学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 99,
-    compare: '1%',
-    hobby: '兴汉讨贼，克复中原'
-  },
-  {
-    name: '姜维',
-    school: '武汉市阳逻停水停电技术学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 88,
-    compare: '21%',
-    hobby: '我计不成，乃天命也！'
-  },
-  {
-    name: '张飞',
-    school: '武汉市阳逻杀猪学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 77,
-    compare: '33%',
-    hobby: '燕人张飞在此！'
-  },
-  {
-    name: '关羽',
-    school: '武汉市阳逻绿豆学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 66,
-    compare: '48%',
-    hobby: '颜良文丑，以吾观之，如土鸡瓦犬耳。'
-  },
-  {
-    name: '刘备',
-    school: '武汉市阳逻编织学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 68,
-    compare: '21%',
-    hobby: '我得空明，如鱼得水也'
-  },
-  {
-    name: '赵云',
-    school: '武汉市阳逻妇幼保健学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 91,
-    compare: '12%',
-    hobby: '子龙，子龙，世无双'
-  },
-  {
-    name: '孔明',
-    school: '武汉市阳逻卧龙学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 99,
-    compare: '18%',
-    hobby: '兴汉讨贼，克复中原'
-  },
-  {
-    name: '姜维',
-    school: '武汉市阳逻停水停电技术学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 88,
-    compare: '18%',
-    hobby: '我计不成，乃天命也！'
-  },
-  {
-    name: '张飞',
-    school: '武汉市阳逻杀猪学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 56,
-    compare: '10%',
-    hobby: '燕人张飞在此！'
-  },
-  {
-    name: '关羽',
-    school: '武汉市阳逻绿豆学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 66,
-    compare: '11%',
-    hobby: '颜良文丑，以吾观之，如土鸡瓦犬耳。'
-  },
-  {
-    name: '刘备',
-    school: '武汉市阳逻编织学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 45,
-    compare: '1%',
-    hobby: '我得空明，如鱼得水也'
-  },
-  {
-    name: '赵云',
-    school: '武汉市阳逻妇幼保健学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 69,
-    compare: '14%',
-    hobby: '子龙，子龙，世无双'
-  },
-  {
-    name: '孔明',
-    school: '武汉市阳逻卧龙学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 88,
-    compare: '21%',
-    hobby: '兴汉讨贼，克复中原'
-  },
-  {
-    name: '姜维',
-    school: '武汉市阳逻停水停电技术学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 87,
-    compare: '32%',
-    hobby: '我计不成，乃天命也！'
-  },
-  {
-    name: '张飞',
-    school: '武汉市阳逻杀猪学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 76,
-    compare: '44%',
-    hobby: '燕人张飞在此！'
-  },
-  {
-    name: '关羽',
-    school: '武汉市阳逻绿豆学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 88,
-    compare: '14%',
-    hobby: '颜良文丑，以吾观之，如土鸡瓦犬耳。'
-  },
-  {
-    name: '刘备',
-    school: '武汉市阳逻编织学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 71,
-    compare: '38%',
-    hobby: '我得空明，如鱼得水也'
-  },
-  {
-    name: '赵云',
-    school: '武汉市阳逻妇幼保健学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 96,
-    compare: '8%',
-    hobby: '子龙，子龙，世无双'
-  },
-  {
-    name: '孔明',
-    school: '武汉市阳逻卧龙学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 86,
-    compare: '84%',
-    hobby: '兴汉讨贼，克复中原'
-  },
-  {
-    name: '姜维',
-    school: '武汉市阳逻停水停电技术学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 26,
-    compare: '10%',
-    hobby: '我计不成，乃天命也！'
-  },
-  {
-    name: '张飞',
-    school: '武汉市阳逻杀猪学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 45,
-    compare: '16%',
-    hobby: '燕人张飞在此！'
-  },
-  {
-    name: '关羽',
-    school: '武汉市阳逻绿豆学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 88,
-    compare: '6%',
-    hobby: '颜良文丑，以吾观之，如土鸡瓦犬耳。'
-  },
-  {
-    name: '刘备',
-    school: '武汉市阳逻编织学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 76,
-    compare: '38%',
-    hobby: '我得空明，如鱼得水也'
-  },
-  {
-    name: '赵云',
-    school: '武汉市阳逻妇幼保健学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 36,
-    compare: '48%',
-    hobby: '子龙，子龙，世无双'
-  },
-  {
-    name: '孔明',
-    school: '武汉市阳逻卧龙学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 99,
-    compare: '1%',
-    hobby: '兴汉讨贼，克复中原'
-  },
-  {
-    name: '姜维',
-    school: '武汉市阳逻停水停电技术学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 88,
-    compare: '21%',
-    hobby: '我计不成，乃天命也！'
-  },
-  {
-    name: '张飞',
-    school: '武汉市阳逻杀猪学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 77,
-    compare: '33%',
-    hobby: '燕人张飞在此！'
-  },
-  {
-    name: '关羽',
-    school: '武汉市阳逻绿豆学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 66,
-    compare: '48%',
-    hobby: '颜良文丑，以吾观之，如土鸡瓦犬耳。'
-  },
-  {
-    name: '刘备',
-    school: '武汉市阳逻编织学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 68,
-    compare: '21%',
-    hobby: '我得空明，如鱼得水也'
-  },
-  {
-    name: '赵云',
-    school: '武汉市阳逻妇幼保健学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 91,
-    compare: '12%',
-    hobby: '子龙，子龙，世无双'
-  },
-  {
-    name: '孔明',
-    school: '武汉市阳逻卧龙学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 99,
-    compare: '18%',
-    hobby: '兴汉讨贼，克复中原'
-  },
-  {
-    name: '姜维',
-    school: '武汉市阳逻停水停电技术学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 88,
-    compare: '18%',
-    hobby: '我计不成，乃天命也！'
-  },
-  {
-    name: '张飞',
-    school: '武汉市阳逻杀猪学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 56,
-    compare: '10%',
-    hobby: '燕人张飞在此！'
-  },
-  {
-    name: '关羽',
-    school: '武汉市阳逻绿豆学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 66,
-    compare: '11%',
-    hobby: '颜良文丑，以吾观之，如土鸡瓦犬耳。'
-  },
-  {
-    name: '刘备',
-    school: '武汉市阳逻编织学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 45,
-    compare: '1%',
-    hobby: '我得空明，如鱼得水也'
-  },
-  {
-    name: '赵云',
-    school: '武汉市阳逻妇幼保健学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 69,
-    compare: '14%',
-    hobby: '子龙，子龙，世无双'
-  },
-  {
-    name: '孔明',
-    school: '武汉市阳逻卧龙学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 88,
-    compare: '21%',
-    hobby: '兴汉讨贼，克复中原'
-  },
-  {
-    name: '姜维',
-    school: '武汉市阳逻停水停电技术学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 87,
-    compare: '32%',
-    hobby: '我计不成，乃天命也！'
-  },
-  {
-    name: '张飞',
-    school: '武汉市阳逻杀猪学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 76,
-    compare: '44%',
-    hobby: '燕人张飞在此！'
-  },
-  {
-    name: '关羽',
-    school: '武汉市阳逻绿豆学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 88,
-    compare: '14%',
-    hobby: '颜良文丑，以吾观之，如土鸡瓦犬耳。'
-  },
-  {
-    name: '刘备',
-    school: '武汉市阳逻编织学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 71,
-    compare: '38%',
-    hobby: '我得空明，如鱼得水也'
-  },
-  {
-    name: '赵云',
-    school: '武汉市阳逻妇幼保健学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 96,
-    compare: '8%',
-    hobby: '子龙，子龙，世无双'
-  },
-  {
-    name: '孔明',
-    school: '武汉市阳逻卧龙学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 86,
-    compare: '84%',
-    hobby: '兴汉讨贼，克复中原'
-  },
-  {
-    name: '姜维',
-    school: '武汉市阳逻停水停电技术学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 26,
-    compare: '10%',
-    hobby: '我计不成，乃天命也！'
-  },
-  {
-    name: '张飞',
-    school: '武汉市阳逻杀猪学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 45,
-    compare: '16%',
-    hobby: '燕人张飞在此！'
-  },
-  {
-    name: '关羽',
-    school: '武汉市阳逻绿豆学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 88,
-    compare: '6%',
-    hobby: '颜良文丑，以吾观之，如土鸡瓦犬耳。'
-  },
-  {
-    name: '刘备',
-    school: '武汉市阳逻编织学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 76,
-    compare: '38%',
-    hobby: '我得空明，如鱼得水也'
-  },
-  {
-    name: '赵云',
-    school: '武汉市阳逻妇幼保健学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 36,
-    compare: '48%',
-    hobby: '子龙，子龙，世无双'
-  },
-  {
-    name: '孔明',
-    school: '武汉市阳逻卧龙学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 99,
-    compare: '1%',
-    hobby: '兴汉讨贼，克复中原'
-  },
-  {
-    name: '姜维',
-    school: '武汉市阳逻停水停电技术学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 88,
-    compare: '21%',
-    hobby: '我计不成，乃天命也！'
-  },
-  {
-    name: '张飞',
-    school: '武汉市阳逻杀猪学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 77,
-    compare: '33%',
-    hobby: '燕人张飞在此！'
-  },
-  {
-    name: '关羽',
-    school: '武汉市阳逻绿豆学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 66,
-    compare: '48%',
-    hobby: '颜良文丑，以吾观之，如土鸡瓦犬耳。'
-  },
-  {
-    name: '刘备',
-    school: '武汉市阳逻编织学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 68,
-    compare: '21%',
-    hobby: '我得空明，如鱼得水也'
-  },
-  {
-    name: '赵云',
-    school: '武汉市阳逻妇幼保健学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 91,
-    compare: '12%',
-    hobby: '子龙，子龙，世无双'
-  },
-  {
-    name: '孔明',
-    school: '武汉市阳逻卧龙学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 99,
-    compare: '18%',
-    hobby: '兴汉讨贼，克复中原'
-  },
-  {
-    name: '姜维',
-    school: '武汉市阳逻停水停电技术学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 88,
-    compare: '18%',
-    hobby: '我计不成，乃天命也！'
-  },
-  {
-    name: '张飞',
-    school: '武汉市阳逻杀猪学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 56,
-    compare: '10%',
-    hobby: '燕人张飞在此！'
-  },
-  {
-    name: '关羽',
-    school: '武汉市阳逻绿豆学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 66,
-    compare: '11%',
-    hobby: '颜良文丑，以吾观之，如土鸡瓦犬耳。'
-  },
-  {
-    name: '刘备',
-    school: '武汉市阳逻编织学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 45,
-    compare: '1%',
-    hobby: '我得空明，如鱼得水也'
-  },
-  {
-    name: '赵云',
-    school: '武汉市阳逻妇幼保健学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 69,
-    compare: '14%',
-    hobby: '子龙，子龙，世无双'
-  },
-  {
-    name: '孔明',
-    school: '武汉市阳逻卧龙学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 88,
-    compare: '21%',
-    hobby: '兴汉讨贼，克复中原'
-  },
-  {
-    name: '姜维',
-    school: '武汉市阳逻停水停电技术学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 87,
-    compare: '32%',
-    hobby: '我计不成，乃天命也！'
-  },
-  {
-    name: '张飞',
-    school: '武汉市阳逻杀猪学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 76,
-    compare: '44%',
-    hobby: '燕人张飞在此！'
-  },
-  {
-    name: '关羽',
-    school: '武汉市阳逻绿豆学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 88,
-    compare: '14%',
-    hobby: '颜良文丑，以吾观之，如土鸡瓦犬耳。'
-  },
-  {
-    name: '刘备',
-    school: '武汉市阳逻编织学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 71,
-    compare: '38%',
-    hobby: '我得空明，如鱼得水也'
-  },
-  {
-    name: '赵云',
-    school: '武汉市阳逻妇幼保健学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 96,
-    compare: '8%',
-    hobby: '子龙，子龙，世无双'
-  },
-  {
-    name: '孔明',
-    school: '武汉市阳逻卧龙学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 86,
-    compare: '84%',
-    hobby: '兴汉讨贼，克复中原'
-  },
-  {
-    name: '姜维',
-    school: '武汉市阳逻停水停电技术学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 26,
-    compare: '10%',
-    hobby: '我计不成，乃天命也！'
-  },
-  {
-    name: '张飞',
-    school: '武汉市阳逻杀猪学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 45,
-    compare: '16%',
-    hobby: '燕人张飞在此！'
-  },
-  {
-    name: '关羽',
-    school: '武汉市阳逻绿豆学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 88,
-    compare: '6%',
-    hobby: '颜良文丑，以吾观之，如土鸡瓦犬耳。'
-  },
-  {
-    name: '刘备',
-    school: '武汉市阳逻编织学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 76,
-    compare: '38%',
-    hobby: '我得空明，如鱼得水也'
-  },
-  {
-    name: '赵云',
-    school: '武汉市阳逻妇幼保健学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 36,
-    compare: '48%',
-    hobby: '子龙，子龙，世无双'
-  },
-  {
-    name: '孔明',
-    school: '武汉市阳逻卧龙学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 99,
-    compare: '1%',
-    hobby: '兴汉讨贼，克复中原'
-  },
-  {
-    name: '姜维',
-    school: '武汉市阳逻停水停电技术学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 88,
-    compare: '21%',
-    hobby: '我计不成，乃天命也！'
-  },
-  {
-    name: '张飞',
-    school: '武汉市阳逻杀猪学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 77,
-    compare: '33%',
-    hobby: '燕人张飞在此！'
-  },
-  {
-    name: '关羽',
-    school: '武汉市阳逻绿豆学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 66,
-    compare: '48%',
-    hobby: '颜良文丑，以吾观之，如土鸡瓦犬耳。'
-  },
-  {
-    name: '刘备',
-    school: '武汉市阳逻编织学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 68,
-    compare: '21%',
-    hobby: '我得空明，如鱼得水也'
-  },
-  {
-    name: '赵云',
-    school: '武汉市阳逻妇幼保健学院',
-    major: '计算机科学与技术专业',
-    gender: '男',
-    graduation: '2022年1月12日',
-    grade: 91,
-    compare: '12%',
-    hobby: '子龙，子龙，世无双'
-  },
   {
     name: '孔明',
     school: '武汉市阳逻卧龙学院',
diff --git a/src/uni_modules/wot-design-uni/components/common/abstracts/variable.scss b/src/uni_modules/wot-design-uni/components/common/abstracts/variable.scss
index 0e149429..54443d06 100644
--- a/src/uni_modules/wot-design-uni/components/common/abstracts/variable.scss
+++ b/src/uni_modules/wot-design-uni/components/common/abstracts/variable.scss
@@ -795,4 +795,7 @@ $-navbar-hover-color :var(--wot-navbar-hover-color, #eee) !default; // navbar ho
 $-navbar-capsule-border-color: var(--wot-navbar-capsule-border-color, #e7e7e7);
 $-navbar-capsule-border-radius: var(--wot-navbar-capsule-border-radius, 16px);
 $-navbar-capsule-width: var(--wot-navbar-capsule-width, 88px);
-$-navbar-capsule-height: var(--wot-navbar-capsule-height, 32px);
\ No newline at end of file
+$-navbar-capsule-height: var(--wot-navbar-capsule-height, 32px);
+
+// table
+$-table-color: var(--wot-table-color, $-font-gray-1);
diff --git a/src/uni_modules/wot-design-uni/components/wd-tabbar-item/wd-tabbar-item.vue b/src/uni_modules/wot-design-uni/components/wd-tabbar-item/wd-tabbar-item.vue
index b3e924c6..8cf99b6d 100644
--- a/src/uni_modules/wot-design-uni/components/wd-tabbar-item/wd-tabbar-item.vue
+++ b/src/uni_modules/wot-design-uni/components/wd-tabbar-item/wd-tabbar-item.vue
@@ -24,7 +24,7 @@ export default {
 }
 </script>
 <script lang="ts" setup>
-import { type CSSProperties, computed, inject, onMounted, ref, watch, getCurrentInstance, reactive } from 'vue'
+import { type CSSProperties, computed, inject, onMounted, ref, watch, getCurrentInstance } from 'vue'
 import { isDef, objToStyle } from '../common/util'
 
 interface Props {
diff --git a/src/uni_modules/wot-design-uni/components/wd-table-col/types.ts b/src/uni_modules/wot-design-uni/components/wd-table-col/types.ts
index 528edd33..7aed80d5 100644
--- a/src/uni_modules/wot-design-uni/components/wd-table-col/types.ts
+++ b/src/uni_modules/wot-design-uni/components/wd-table-col/types.ts
@@ -1,6 +1,6 @@
 type AlignType = 'left' | 'center' | 'right' // 列的对齐方式
 
-type SortDirection = 'asc' | 'desc' // 列的排序方向
+export type SortDirection = 0 | 1 | -1 // 列的排序方向
 
 export interface TableColumn {
   // 列对应字段
@@ -16,5 +16,5 @@ export interface TableColumn {
   // 列的对齐方式，可选值left,center,right
   align?: AlignType
   // 列的排序方向
-  sortDirection?: SortDirection | ''
+  sortDirection: SortDirection
 }
diff --git a/src/uni_modules/wot-design-uni/components/wd-table-col/wd-table-col.vue b/src/uni_modules/wot-design-uni/components/wd-table-col/wd-table-col.vue
index 7124008a..cb097315 100644
--- a/src/uni_modules/wot-design-uni/components/wd-table-col/wd-table-col.vue
+++ b/src/uni_modules/wot-design-uni/components/wd-table-col/wd-table-col.vue
@@ -8,7 +8,7 @@
       @click="handleRowClick(index)"
     >
       <slot v-if="$slots.default" :row="scope(index)"></slot>
-      <view class="cell" v-else>{{ row }}</view>
+      <text :class="`wd-table__value ${ellipsis ? 'is-ellipsis' : ''}`" v-else>{{ row }}</text>
     </view>
   </view>
 </template>
@@ -24,7 +24,7 @@ export default {
 }
 </script>
 <script lang="ts" setup>
-import { Ref, computed, inject, onMounted, ref } from 'vue'
+import { type CSSProperties, computed, inject, onMounted } from 'vue'
 import { addUnit, isDef, objToStyle, isOdd } from '../common/util'
 
 type AlignType = 'left' | 'center' | 'right'
@@ -51,29 +51,29 @@ const props = withDefaults(defineProps<Props>(), {
   align: 'left'
 })
 
-// eslint-disable-next-line @typescript-eslint/ban-types
-const setColumns: Function = inject('setColumns') as Function // 设置列数据.
-// eslint-disable-next-line @typescript-eslint/ban-types
-const setRowClick: Function = inject('setRowClick') as Function
-const $props = inject<Ref>('$props') || ref({}) // table数据
+const parent = inject<any>('wdTable', { data: [] }) // table数据
 
 // 是否开启斑马纹
 const stripe = computed(() => {
-  return $props.value.stripe || false
+  return parent.stripe || false
 })
 
 /**
  * 是否有边框
  */
 const border = computed(() => {
-  return $props.value.border || false
+  return parent.border || false
+})
+
+const ellipsis = computed(() => {
+  return parent.ellipsis || false
 })
 
 /**
  * 根节点样式
  */
 const rootStyle = computed(() => {
-  const style: Record<string, string | number> = {}
+  const style: CSSProperties = {}
   if (isDef(props.width)) {
     // width存在且包含px则转成px
     style['width'] = addUnit(props.width)
@@ -83,8 +83,8 @@ const rootStyle = computed(() => {
 })
 
 const rowStyle = computed(() => {
-  const rowHeight: string | number = $props.value.rowHeight || '80rpx' // 自定义行高
-  const style: Record<string, string | number> = {}
+  const rowHeight: string | number = parent.rowHeight || '80rpx' // 自定义行高
+  const style: CSSProperties = {}
   if (isDef(props.width)) {
     // width存在且包含px则转成px
     style['width'] = addUnit(props.width)
@@ -93,37 +93,40 @@ const rowStyle = computed(() => {
     // width存在且包含px则转成px
     style['height'] = addUnit(rowHeight)
   }
+
   return objToStyle(style)
 })
 
 // 行完整数据
 const scope = computed(() => {
   return (index: number) => {
-    return $props.value.data[index] || {}
+    return parent.data[index] || {}
   }
 })
 
 // 列数据
 const column = computed(() => {
-  let column: any[] = $props.value.data.map((item) => {
+  let column: any[] = parent.data.map((item) => {
     return item[props.prop]
   })
   return column
 })
 
 onMounted(() => {
-  setColumns({
-    prop: props.prop,
-    label: props.label,
-    width: props.width,
-    sortable: props.sortable,
-    lightHigh: props.lightHigh,
-    align: props.align
-  })
+  parent.setColumns &&
+    parent.setColumns({
+      prop: props.prop,
+      label: props.label,
+      width: props.width,
+      sortable: props.sortable,
+      lightHigh: props.lightHigh,
+      sortDirection: 0,
+      align: props.align
+    })
 })
 
 function handleRowClick(index: number) {
-  setRowClick(index)
+  parent.setRowClick && parent.setRowClick(index)
 }
 </script>
 
diff --git a/src/uni_modules/wot-design-uni/components/wd-table/index.scss b/src/uni_modules/wot-design-uni/components/wd-table/index.scss
index 08cecef8..a84898a6 100644
--- a/src/uni_modules/wot-design-uni/components/wd-table/index.scss
+++ b/src/uni_modules/wot-design-uni/components/wd-table/index.scss
@@ -55,7 +55,6 @@
     width: 100%;
     height: 48px;
     display: flex;
-    pointer-events: none;
     overflow-x: auto;
     white-space: nowrap;
   }
@@ -66,13 +65,15 @@
   }
 
   @include e(cell) {
-    flex: 0 0 auto;
-    width: 220rpx;
     display: flex;
     align-items: center;
     box-sizing: border-box;
-    padding: 10px;
-
+    flex: 0 0 auto;
+    width: 220rpx;
+    min-height: 50px;
+    padding: 8px 10px;
+    font-size: 13px;
+    color: $-table-color;
 
     @include when(border) {
       border-right: 1px solid #ececec;
@@ -82,6 +83,24 @@
     @include when(stripe) {
       background: #f3f3f3;
     }
+
+    @include when(left) {
+      justify-content: flex-start;
+    }
+
+    @include when(center) {
+      justify-content: center;
+    }
+
+    @include when(right) {
+      justify-content: flex-end;
+    }
   }
 
+
+  @include e(value) {
+    @include when(ellipsis) {
+      @include multiEllipsis(2);
+    }
+  }
 }
\ No newline at end of file
diff --git a/src/uni_modules/wot-design-uni/components/wd-table/wd-table.vue b/src/uni_modules/wot-design-uni/components/wd-table/wd-table.vue
index 342b0016..914dd3ac 100644
--- a/src/uni_modules/wot-design-uni/components/wd-table/wd-table.vue
+++ b/src/uni_modules/wot-design-uni/components/wd-table/wd-table.vue
@@ -1,32 +1,48 @@
 <template>
   <view :class="`wd-table-content ${border ? 'is-border' : ''}`">
-    <view :class="`wd-table--fixed ${isShadow ? 'is-shadow' : ''}`" :style="fixedStyle">
+    <view :class="`wd-table--fixed ${isShadow ? 'is-shadow' : ''}`" :style="fixedStyle" v-if="$slots.fixed">
       <view class="wd-table__header" v-if="showHeader">
         <view
-          :class="`wd-table__cell ${border ? 'is-border' : ''} ${stripe ? 'is-stripe' : ''}`"
+          :class="`wd-table__cell ${border ? 'is-border' : ''} ${stripe ? 'is-stripe' : ''} is-${column.align}`"
           :style="headerCellStyle(column.width)"
           v-for="(column, index) in columns"
           :key="index"
         >
-          <text>{{ column.label }}</text>
+          <wd-sort-button
+            v-model="column.sortDirection"
+            allow-reset
+            :line="false"
+            :title="column.label"
+            @change="({ value }) => handleSortChange(value, index)"
+            v-if="column.sortable"
+          />
+          <text v-else :class="`wd-table__value  ${ellipsis ? 'is-ellipsis' : ''}`">{{ column.label }}</text>
         </view>
       </view>
 
-      <scroll-view class="wd-table__body" :style="fixedBodyStyle" :enable-flex="true" :scroll-y="true" :scroll-top="scrollTop">
+      <scroll-view class="wd-table__body" :style="fixedBodyStyle" :enable-flex="true" :throttle="false" :scroll-y="true" :scroll-top="scrollTop">
         <view style="display: inline-flex" id="fixed-body">
           <slot name="fixed"></slot>
         </view>
       </scroll-view>
     </view>
-    <scroll-view :class="`wd-table is-border`" :style="wraperStyle" :scroll-x="true" :throttle="false" @scroll="handleWraperScroll">
+    <scroll-view class="wd-table" :style="wraperStyle" :scroll-x="true" :throttle="false" @scroll="handleWraperScroll">
       <view class="wd-table__header" id="table-header" :style="rowStyle" v-if="showHeader">
         <view
-          :class="`wd-table__cell ${border ? 'is-border' : ''} ${stripe ? 'is-stripe' : ''}`"
+          :class="`wd-table__cell ${border ? 'is-border' : ''} ${stripe ? 'is-stripe' : ''} is-${column.align}`"
           :style="headerCellStyle(column.width)"
           v-for="(column, index) in columns"
           :key="index"
         >
-          <text>{{ column.label }}</text>
+          <wd-sort-button
+            v-model="column.sortDirection"
+            allow-reset
+            :line="false"
+            :title="column.label"
+            @change="({ value }) => handleSortChange(value, index)"
+            v-if="column.sortable"
+          />
+          <text v-else :class="`wd-table__value ${ellipsis ? 'is-ellipsis' : ''}`">{{ column.label }}</text>
         </view>
       </view>
       <scroll-view class="wd-table__body" :style="bodyStyle" :enable-flex="true" :throttle="false" :scroll-y="true" @scroll="handleBodyScroll">
@@ -51,9 +67,11 @@ export default {
 </script>
 
 <script lang="ts" setup>
-import { type CSSProperties, computed, getCurrentInstance, nextTick, onMounted, provide, ref, watch } from 'vue'
+import { type CSSProperties, computed, getCurrentInstance, nextTick, onMounted, provide, ref, watch, reactive } from 'vue'
 import { addUnit, deepClone, getRect, isDef, objToStyle } from '../common/util'
-import type { TableColumn } from '../wd-table-col/types'
+import type { SortDirection, TableColumn } from '../wd-table-col/types'
+
+const a = ref(0)
 
 interface Props {
   // 显示的数据
@@ -68,6 +86,8 @@ interface Props {
   rowHeight?: number | string
   // 是否显示表头
   showHeader?: boolean
+  // 是否超出2行隐藏
+  ellipsis?: boolean
 }
 
 const props = withDefaults(defineProps<Props>(), {
@@ -79,16 +99,18 @@ const props = withDefaults(defineProps<Props>(), {
   // table高度
   height: '80vh',
   // 行高
-  rowHeight: '48px',
+  rowHeight: 50,
   // 是否显示表头
-  showHeader: true
+  showHeader: true,
+  // 是否超出2行隐藏
+  ellipsis: true
 })
 
 // 监听数据源变化改变privide出去的$dataSource
 watch(
-  props,
-  () => {
-    $props.value = props
+  () => props.data,
+  (newValue) => {
+    parentData.data = newValue
   },
   { deep: true }
 )
@@ -96,23 +118,25 @@ watch(
 const scrollTop = ref<number>(0) // scroll-view 滚动距离
 const scrollWidth = ref<number | string>('auto') // 动态设置滚动宽度，兼容微信scroll-view中sticky失效的问题
 const columns = ref<TableColumn[]>([]) // 数据列
-const $props = ref<Props>(props)
 const fixedWidth = ref<number | string>(0) // 固定列宽度
 const isShadow = ref<boolean>(false) // 是否展示shadow
 
-const emit = defineEmits(['click', 'sort-method', 'row-click'])
-
-/**
- * 根节点样式
- */
-const rootStyle = computed(() => {
-  const style: CSSProperties = {}
-  if (isDef(props.height)) {
-    style['height'] = addUnit(props.height)
-  }
-  return objToStyle(style)
+const parentData = reactive({
+  data: props.data,
+  stripe: props.stripe,
+  border: props.border,
+  height: props.height,
+  rowHeight: props.rowHeight,
+  showHeader: props.showHeader,
+  ellipsis: props.ellipsis,
+  setRowClick,
+  setColumns
 })
 
+provide('wdTable', parentData)
+
+const emit = defineEmits(['click', 'sort-method', 'row-click'])
+
 /**
  * 容器样式
  */
@@ -145,7 +169,7 @@ const rowStyle = computed(() => {
   return objToStyle(style)
 })
 
-const headerHeight = ref<string | number>(48) // 表格header高度
+const headerHeight = ref<string | number>(50) // 表格header高度
 
 const fixedBodyStyle = computed(() => {
   const style: CSSProperties = {}
@@ -193,31 +217,23 @@ function setColumns(column: TableColumn) {
  * 表头单元格样式
  */
 function headerCellStyle(width?: string | number) {
-  const style: Record<string, string | number> = {}
+  const style: CSSProperties = {}
   if (isDef(width)) {
     style['width'] = addUnit(width)
   }
   return objToStyle(style)
 }
 
-/**
- * 排序事件
- */
-function doSort(column, index) {
-  if (column.sortDirection === 'asc') {
-    columns.value[index].sortDirection = 'desc'
-  } else if (columns.value[index].sortDirection === 'desc') {
-    columns.value[index].sortDirection = ''
-  } else {
-    columns.value[index].sortDirection = 'asc'
-  }
+function handleSortChange(value: SortDirection, index: number) {
+  columns.value[index].sortDirection = value
   columns.value.forEach((col, i) => {
     if (index != i) {
-      col.sortDirection = ''
+      col.sortDirection = 0
     }
   })
   emit('sort-method', columns.value[index])
 }
+
 /**
  * 滚动事件
  */
@@ -245,11 +261,30 @@ function handleWraperScroll(event) {
 function setRowClick(index: number) {
   emit('row-click', { rowIndex: index })
 }
-
-provide('$props', $props) // 行高provide
-provide('setRowClick', setRowClick)
-provide('setColumns', setColumns)
 </script>
+
+<!-- <script module="touch" lang="wxs">
+
+function touchstart(event, ins) {
+  console.log(event);
+  console.log(ins);
+}
+function touchend(event, ins) {
+  console.log(event);
+  console.log(ins);
+}
+
+function transitionend(event, ins) {
+  console.log(event);
+  console.log(ins);
+}
+
+module.exports= {
+  touchstart,
+  touchend,
+  transitionend
+}
+</script> -->
 <style lang="scss" scoped>
 @import './index.scss';