fix: 🐛border 颜色默认值

xpyjs · May 12, 2023 · 8e559a5 · 8e559a5
1 parent ad6aa3e
commit 8e559a5
Show file tree

Hide file tree

Showing 6 changed files with 8 additions and 7 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -193,6 +193,7 @@ console.log('.....root', getCurrentInstance());
   position: relative;
   width: 100%;
   height: 100%;
+  border: 1px solid #e5e5e5;
 }
 
 .xg-root-dragging {