fix: card divider (#1377)

Author: rayhomie

src/Card/index.axml

@@ -47,7 +47,7 @@
     </view>
   </ant-sticky>
 
-  <view a:if="{{!finalFoldStatus}}" class="ant-card-divider {{divider ? 'ant-card-divider-with-line g-hairline--top' : ''}}"></view>
+  <view a:if="{{!finalFoldStatus}}" class="ant-card-divider {{divider ? 'ant-card-divider-with-line' : ''}}"></view>
 
   <!-- 卡片内容插槽 -->
   <view class="ant-card-content {{ finalFoldStatus ? 'ant-card-content-collapse' : '' }}">

src/Card/index.less

@@ -1,4 +1,5 @@
 @import (reference) './variable.less';
+@import '../style/mixins/hairline.less';
 
 @cardPrefix: ant-card;
 
@@ -43,8 +44,9 @@
 
   .ant-card-divider {
     margin: 0 24 * @rpx;
-    height: 1px;
     &-with-line {
+      position: relative;
+      .hairline('top',@ant-card-divider-color);
     }
   }
 

src/Card/variable.less

@@ -3,10 +3,13 @@
 
 @ant-card-bg: var(--ant-card-bg, @COLOR_WHITE);
 
-@ant-card-header-title-color: var(--ant-card-header-title-color, @COLOR_TEXT_PRIMARY);
+@ant-card-header-title-color: var(
+  --ant-card-header-title-color,
+  @COLOR_TEXT_PRIMARY
+);
 
 @ant-card-link-color: var(--ant-card-header-title-color, @COLOR_TEXT_ASSIST);
 
 @ant-card-fold-btn-color: var(--ant-card-fold-btn-color, @COLOR_BRAND1);
 
-
+@ant-card-divider-color: var(--ant-card-divider-color, #eeeeee);

src/style/themes/theme-black.less

@@ -455,6 +455,7 @@ page {
   --ant-card-header-title-color: #c5cad1;
   --ant-card-header-link-color: #616161;
   --ant-card-fold-btn-color: #3086ff;
+  --ant-card-divider-color: #2b2b2b;
   // countdown
   --ant-countdown-color: #808080;
   --ant-countdown-number-color: #000000;

src/style/variables.less

@@ -484,6 +484,7 @@ page {
   --ant-card-header-title-color: #333333;
   --ant-card-header-link-color: #999999;
   --ant-card-fold-btn-color: #1677ff;
+  --ant-card-divider-color: #eeeeee;
 
   // countDown
   --ant-countdown-color: #666;