From f7ae5a7f34dfc434bd94b506df138011f359a048 Mon Sep 17 00:00:00 2001
From: leejimqiu <leejimqiu@gmail.com>
Date: Sat, 26 Nov 2022 17:50:02 +0800
Subject: [PATCH] feat(cell): support css variables

---
 src/cell/cell.less               | 41 +++++++++++++++-----------------
 src/common/style/_variables.less |  2 +-
 2 files changed, 20 insertions(+), 23 deletions(-)

diff --git a/src/cell/cell.less b/src/cell/cell.less
index b8542358d..809816424 100644
--- a/src/cell/cell.less
+++ b/src/cell/cell.less
@@ -1,26 +1,23 @@
 // @import (css) '../common/index.wxss';
 @import '../common/style/index.less';
 
-@cell-font-size: 32rpx;
-@cell-line-height: 48rpx;
-@cell-vertical-padding: 32rpx;
-@cell-horizontal-padding: 32rpx;
-@cell-text-color: @font-gray-1;
-@cell-background-color: #ffffff;
-@cell-border-color: @gray-color-3;
-@cell-hover-color: @gray-color-1;
-@cell-required-color: @error-color-6;
-@cell-description-color: @font-gray-2;
-@cell-description-font-size: 28rpx;
-@cell-description-line-height: 44rpx;
-@cell-description-margin-top: 8rpx;
-@cell-note-color: @font-gray-3;
-@cell-icon-size: 48rpx;
-@cell-right-icon-color: @font-gray-3;
-@cell-gutter: 16rpx;
-@cell-border-padding-left: 32rpx;
-@cell-image-width: 96rpx;
-@cell-image-height: 96rpx;
+@cell-font-size: var(--td-cell-font-size, @font-size-m);
+@cell-line-height: var(--td-cell-line-height, 48rpx);
+@cell-vertical-padding: var(--td-cell-vertical-padding, 32rpx);
+@cell-horizontal-padding: var(--td-cell-horizontal-padding, 32rpx);
+@cell-text-color: var(--td-cell-text-color, @font-gray-1);
+@cell-bg-color: var(--td-cell-bg-color, @bg-color-block);
+@cell-border-color: var(--td-cell-border-color, @gray-color-3);
+@cell-hover-color: var(--td-cell-hover-color, @gray-color-1);
+@cell-required-color: var(--td-cell-required-color, @error-color-6);
+@cell-description-color: var(--td-cell-description-color, @font-gray-2);
+@cell-description-font-size: var(--td-cell-description-font-size, @font-size-base);
+@cell-description-line-height: var(--td-cell-description-line-height, 44rpx);
+@cell-note-color: var(--td-cell-note-color, @font-gray-3);
+@cell-icon-size: var(--td-cell-icon-size, 48rpx);
+@cell-right-icon-color: var(--td-cell-right-icon-color, @font-gray-3);
+@cell-image-width: var(--td-cell-image-width, 96rpx);
+@cell-image-height: var(--td-cell-image-height, 96rpx);
 
 .@{prefix}-cell {
   position: relative;
@@ -35,7 +32,7 @@
 
   &::after {
     .hairline-bottom(@cell-border-color);
-    left: @cell-border-padding-left;
+    left: 32rpx;
   }
 
   &--borderless::after {
@@ -48,7 +45,7 @@
     color: @cell-description-color;
 
     &-text {
-      margin-top: @cell-description-margin-top;
+      margin-top: 8rpx;
     }
   }
 
diff --git a/src/common/style/_variables.less b/src/common/style/_variables.less
index a2511d11e..1d806a871 100644
--- a/src/common/style/_variables.less
+++ b/src/common/style/_variables.less
@@ -112,7 +112,7 @@
 @spacer-6: @spacer * 10; // 间距-大-xx
 
 // Font
-@font-size: 10rpx * 2;
+@font-size: 20rpx;
 @font-size-xs: @font-size; // 字号-一级字号
 @font-size-s: @font-size * 1.2; // 字号-二级字号
 @font-size-base: @font-size * 1.4; // 字号-三级字号