From 8e559a5353ce7357acc333940616fcf4c713d90a Mon Sep 17 00:00:00 2001
From: jeremyjone <jeremyjone@qq.com>
Date: Fri, 12 May 2023 15:00:05 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=F0=9F=90=9Bborder=20=E9=A2=9C=E8=89=B2?=
 =?UTF-8?q?=E9=BB=98=E8=AE=A4=E5=80=BC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 demo/demo.vue                           | 2 +-
 src/components/column/style.scss        | 2 +-
 src/components/common/GanttHeader.vue   | 4 ++--
 src/components/common/Row.vue           | 2 +-
 src/components/common/TableHeaderTh.vue | 4 ++--
 src/components/root/index.vue           | 1 +
 6 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/demo/demo.vue b/demo/demo.vue
index c339855..ff49972 100644
--- a/demo/demo.vue
+++ b/demo/demo.vue
@@ -122,7 +122,7 @@ function onExpand() {
 const expandAll = ref(false);
 
 const colors = ['red', 'blue', 'green', 'yellow', 'pink', 'orange'];
-const borderColor = ref('black');
+const borderColor = ref('');
 function onChangeBorderColor() {
   borderColor.value = colors[Math.floor(Math.random() * colors.length)];
 }
diff --git a/src/components/column/style.scss b/src/components/column/style.scss
index f05e0ad..a4dc149 100644
--- a/src/components/column/style.scss
+++ b/src/components/column/style.scss
@@ -3,7 +3,7 @@
   display: inline-block;
   position: relative;
   box-sizing: border-box;
-  border-right: 1px solid;
+  border-right: 1px solid #e5e5e5;
 
   &:nth-last-child(1) {
     border-right: 0px;
diff --git a/src/components/common/GanttHeader.vue b/src/components/common/GanttHeader.vue
index 73b4739..a77c3df 100644
--- a/src/components/common/GanttHeader.vue
+++ b/src/components/common/GanttHeader.vue
@@ -78,8 +78,8 @@ onMounted(updateHeaderHeight);
     text-align: center;
     position: relative;
     box-sizing: border-box;
-    border-bottom: 1px solid;
-    border-right: 1px solid;
+    border-bottom: 1px solid #e5e5e5;
+    border-right: 1px solid #e5e5e5;
     font-size: 14px;
     background-color: #eca710;
   }
diff --git a/src/components/common/Row.vue b/src/components/common/Row.vue
index 757cdc4..e69f86f 100644
--- a/src/components/common/Row.vue
+++ b/src/components/common/Row.vue
@@ -65,7 +65,7 @@ function onDblClick() {
   width: 100%;
   position: absolute;
   overflow: hidden;
-  border-bottom: 1px solid;
+  border-bottom: 1px solid #e5e5e5;
   box-sizing: border-box;
 }
 
diff --git a/src/components/common/TableHeaderTh.vue b/src/components/common/TableHeaderTh.vue
index 521f6b2..3e6be71 100644
--- a/src/components/common/TableHeaderTh.vue
+++ b/src/components/common/TableHeaderTh.vue
@@ -70,8 +70,8 @@ onResizeTableColumn(headerRef, {
   text-align: center;
   position: relative;
   box-sizing: border-box;
-  border-bottom: 1px solid;
-  border-right: 1px solid;
+  border-bottom: 1px solid #e5e5e5;
+  border-right: 1px solid #e5e5e5;
   padding: 0 12px;
   font-size: 14px;
   pointer-events: none;
diff --git a/src/components/root/index.vue b/src/components/root/index.vue
index 95ce367..389db72 100644
--- a/src/components/root/index.vue
+++ b/src/components/root/index.vue
@@ -193,6 +193,7 @@ console.log('.....root', getCurrentInstance());
   position: relative;
   width: 100%;
   height: 100%;
+  border: 1px solid #e5e5e5;
 }
 
 .xg-root-dragging {