fix(countup): 分隔符文字颜色支持css变量修改 (#2871)

* fix: 解决微信小程序滚动报错问题

* fix(countup): 分隔符文字颜色支持css变量修改

Author: irisSong

src/packages/animatingnumbers/countup.scss

@@ -24,7 +24,7 @@
     display: flex;
     height: 80%;
     align-items: flex-end;
-    color: $countup-bg-color;
+    color: $countup-separator-color;
     font-size: $countup-base-size;
     font-weight: $font-weight-bold;
   }

src/packages/animatingnumbers/demos/h5/demo2.tsx

@@ -7,6 +7,7 @@ const Demo2 = () => {
     nutuiCountupBgColor: `var(--nutui-color-primary)`,
     nutuiCountupColor: `#fff`,
     nutuiCountupLrMargin: `1px`,
+    nutuiCountupSeparatorColor: `var(--nutui-color-primary)`,
   }
   const [value, setEndNumer] = useState('1570.99')
   useEffect(() => {

src/packages/animatingnumbers/demos/taro/demo2.tsx

@@ -7,6 +7,7 @@ const Demo2 = () => {
     nutuiCountupBgColor: `var(--nutui-color-primary)`,
     nutuiCountupColor: `#fff`,
     nutuiCountupLrMargin: `1px`,
+    nutuiCountupSeparatorColor: `var(--nutui-color-primary)`,
   }
   const [value, setEndNumer] = useState('1570.99')
   useEffect(() => {

src/packages/animatingnumbers/doc.en-US.md

@@ -53,3 +53,4 @@ The component provides the following CSS variables, which can be used to customi
 | \--nutui-countup-lr-margin | margin of item | `0` |
 | \--nutui-countup-bg-color | background color of item | `inherit` |
 | \--nutui-countup-color | color of item | `$color-title` |
+| \--nutui-countup-separator-color | The font color of the separator | `$color-title` |

src/packages/animatingnumbers/doc.md

@@ -53,3 +53,4 @@ import { AnimatingNumbers } from '@nutui/nutui-react'
 | \--nutui-countup-lr-margin | 每个数字的margin | `0` |
 | \--nutui-countup-bg-color | 每个数字块的背景色 | `inherit` |
 | \--nutui-countup-color | 每个数字块的字色 | `$color-title` |
+| \--nutui-countup-separator-color | 分隔符的字体颜色 | `$color-title` |

src/packages/animatingnumbers/doc.taro.md

@@ -53,3 +53,4 @@ import { AnimatingNumbers } from '@nutui/nutui-react-taro'
 | \--nutui-countup-lr-margin | 每个数字的margin | `0` |
 | \--nutui-countup-bg-color | 每个数字块的背景色 | `inherit` |
 | \--nutui-countup-color | 每个数字块的字色 | `$color-title` |
+| \--nutui-countup-separator-color | 分隔符的字体颜色 | `$color-title` |

src/packages/animatingnumbers/doc.zh-TW.md

@@ -53,3 +53,4 @@ import { AnimatingNumbers } from '@nutui/nutui-react'
 | \--nutui-countup-lr-margin | 每個數字的margin | `0` |
 | \--nutui-countup-bg-color | 每個數字塊的背景色 | `inherit` |
 | \--nutui-countup-color | 每個數字塊的字色 | `$color-title` |
+| \--nutui-countup-separator-color | 分隔符的字體顏色 | `$color-title` |

src/styles/variables.scss

@@ -2423,6 +2423,10 @@ $countup-border-radius: var(--nutui-countup-border-radius, 4px) !default;
 $countup-lr-margin: var(--nutui-countup-lr-margin, 0) !default;
 $countup-bg-color: var(--nutui-countup-bg-color, inherit) !default;
 $countup-color: var(--nutui-countup-color, $color-title) !default;
+$countup-separator-color: var(
+  --nutui-countup-separator-color,
+  $color-title
+) !default;
 
 // layout（✅）
 $row-content-color: var(--nutui-row-content-color, #fff) !default;