diff --git a/yudao-ui-admin-vue3/src/styles/index.less b/yudao-ui-admin-vue3/src/styles/index.less
index c023316a0..10da30cf4 100644
--- a/yudao-ui-admin-vue3/src/styles/index.less
+++ b/yudao-ui-admin-vue3/src/styles/index.less
@@ -1,2 +1,3 @@
 @import './var.css';
+@import './vxe.css';
 @import 'element-plus/theme-chalk/dark/css-vars.css';
diff --git a/yudao-ui-admin-vue3/src/styles/vxe.css b/yudao-ui-admin-vue3/src/styles/vxe.css
new file mode 100644
index 000000000..bf9a35d9c
--- /dev/null
+++ b/yudao-ui-admin-vue3/src/styles/vxe.css
@@ -0,0 +1,26 @@
+/*滚动条整体部分*/
+.xtable-scrollbar ::-webkit-scrollbar {
+  width: 10px;
+  height: 10px;
+}
+/*滚动条的轨道*/
+.xtable-scrollbar ::-webkit-scrollbar-track {
+  background-color: #ffffff;
+}
+/*滚动条里面的小方块，能向上向下移动*/
+.xtable-scrollbar ::-webkit-scrollbar-thumb {
+  background-color: #bfbfbf;
+  border-radius: 5px;
+  border: 1px solid #f1f1f1;
+  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
+}
+.xtable-scrollbar ::-webkit-scrollbar-thumb:hover {
+  background-color: #a8a8a8;
+}
+.xtable-scrollbar ::-webkit-scrollbar-thumb:active {
+  background-color: #787878;
+}
+/*边角，即两个滚动条的交汇处*/
+.xtable-scrollbar ::-webkit-scrollbar-corner {
+  background-color: #ffffff;
+}