From b10bbeff9ec3fca0f572c690e28541b4fb63999c Mon Sep 17 00:00:00 2001
From: yutent <yutent.io@gmail.com>
Date: Thu, 20 Jan 2022 19:07:12 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=8C=E6=88=90row,=20col=E5=B8=83=E5=B1=80?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/base/col.wc | 2 +-
 src/base/row.wc | 3 ++-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/base/col.wc b/src/base/col.wc
index 187e0e7..c25fea1 100644
--- a/src/base/col.wc
+++ b/src/base/col.wc
@@ -14,7 +14,7 @@
 }
 @for $i from 1 to 25 {
   :host([offset='#{$i}']) {
-    margin-left: math.div($i * 100, 24) + 0%;
+    margin-left: math.div($i * 100, 24) + 0% !important;
   }
 }
 </style>
diff --git a/src/base/row.wc b/src/base/row.wc
index 7f7e221..ae13c76 100644
--- a/src/base/row.wc
+++ b/src/base/row.wc
@@ -79,7 +79,8 @@ export default class Row {
         val = +val
         if (val > 0) {
           this.props.gutter = val
-          this.__ROW__.style.cssText = `width:calc(100% + ${val}px);margin-left:${val}px`
+          this.__ROW__.style.cssText = `width:calc(100% + ${val}px);margin-left:${-val /
+            2}px;margin-right:${-val / 2}px;`
         } else {
           this.props.gutter = 0
           this.__ROW__.removeAttribute('style')