diff --git a/build/compiler.js b/build/compiler.js
index d2fc55bb..f573d2b1 100644
--- a/build/compiler.js
+++ b/build/compiler.js
@@ -23,7 +23,7 @@ gulp.task('compile-less', () => {
     .pipe(postcss())
     .pipe(cssmin())
     .pipe(insert.transform((contents, file) => {
-      if (!file.path.includes('packages'+ path.sep +'common')) {
+      if (!file.path.includes('packages' + path.sep + 'common')) {
         contents = `@import '../common/index.wxss';` + contents;
       }
       return contents;
diff --git a/packages/cell/index.less b/packages/cell/index.less
index a8816fe5..eb29fd65 100644
--- a/packages/cell/index.less
+++ b/packages/cell/index.less
@@ -1,4 +1,5 @@
 @import '../common/style/var.less';
+@import "../common/style/mixins/hairline.less";
 
 .van-cell {
   width: 100%;
@@ -12,10 +13,11 @@
   font-size: 14px;
 
   &::after {
-    left: 15px;
-    right: 0;
-    transform: scaleY(0.5);
-    border-bottom-width: 1px;
+    .hairline-bottom(@border-color, 15px);
+  }
+
+  &--borderless::after {
+    display: none;
   }
 
   &-group {
diff --git a/packages/cell/index.ts b/packages/cell/index.ts
index 028da085..b3c2edc7 100644
--- a/packages/cell/index.ts
+++ b/packages/cell/index.ts
@@ -33,9 +33,9 @@ VantComponent({
     cellClass(): string {
       const { data } = this;
       return this.classNames('custom-class', 'van-cell', {
-        'van-hairline': data.border,
         'van-cell--center': data.center,
         'van-cell--required': data.required,
+        'van-cell--borderless': !data.border,
         'van-cell--clickable': data.isLink || data.clickable
       });
     },
diff --git a/packages/common/style/mixins/hairline.less b/packages/common/style/mixins/hairline.less
index 30b3f17a..ca800fad 100644
--- a/packages/common/style/mixins/hairline.less
+++ b/packages/common/style/mixins/hairline.less
@@ -1,13 +1,27 @@
-.hairline(@border-color: #eee) {
-  content: '';
+.hairline-common() {
+  content: ' ';
   position: absolute;
+  pointer-events: none;
+  box-sizing: border-box;
+  transform-origin: center; /* cover wechat button:after default transforn-origin */
+}
+
+.hairline(@border-color: #eee) {
+  .hairline-common();
   top: -50%;
   left: -50%;
   right: -50%;
   bottom: -50%;
   transform: scale(0.5);
-  pointer-events: none;
-  box-sizing: border-box;
-  transform-origin: center; /* cover wechat button:after default transforn-origin */
   border: 0 solid @border-color;
 }
+
+.hairline-bottom(@border-color: #eee, @left: 0) {
+  .hairline-common();
+  top: auto;
+  left: @left;
+  right: 0;
+  bottom: 0;
+  transform: scaleY(0.5);
+  border-bottom: 1px solid @border-color;
+}