blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-05 19:41:42 +08:00
Code Issues Projects Releases Wiki Activity

feat(Coupon): add --van-coupon-content-text-color css var (#9760)

Browse Source 
* feat(Coupon): add --van-coupon-content-text-color css var

* chore: upd
This commit is contained in:
neverland 2021-10-31 19:51:30 +08:00 committed by GitHub
parent 85a636dfbc
commit e8580c0885
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
5 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
packages/vant/src/coupon-list/README.md
View File

@ -168,6 +168,7 @@ The component provides the following CSS variables, which can be used to customi
| --van-coupon-margin | _0 var(--van-padding-sm) var(--van-padding-sm)_ | - |
| --van-coupon-content-height | _84px_ | - |
| --van-coupon-content-padding | _14px 0_ | - |
| --van-coupon-content-text-color | _var(--van-text-color)_ | - |
| --van-coupon-background-color | _var(--van-background-color-light)_ | - |
| --van-coupon-active-background-color | _var(--van-active-color)_ | - |
| --van-coupon-border-radius | _var(--van-border-radius-lg)_ | - |

1
packages/vant/src/coupon-list/README.zh-CN.md
View File

@ -170,6 +170,7 @@ import type { CouponCellProps, CouponListProps } from 'vant';
| --van-coupon-margin | _0 var(--van-padding-sm) var(--van-padding-sm)_ | - |
| --van-coupon-content-height | _84px_ | - |
| --van-coupon-content-padding | _14px 0_ | - |
| --van-coupon-content-text-color | _var(--van-text-color)_ | - |
| --van-coupon-background-color | _var(--van-background-color-light)_ | - |
| --van-coupon-active-background-color | _var(--van-active-color)_ | - |
| --van-coupon-border-radius | _var(--van-border-radius-lg)_ | - |

3
packages/vant/src/coupon/index.less
View File

@ -5,6 +5,7 @@
--van-coupon-margin: @coupon-margin;
--van-coupon-content-height: @coupon-content-height;
--van-coupon-content-padding: @coupon-content-padding;
--van-coupon-content-text-color: @coupon-content-text-color;
--van-coupon-background-color: @coupon-background-color;
--van-coupon-active-background-color: @coupon-active-background-color;
--van-coupon-border-radius: @coupon-border-radius;
@ -37,7 +38,7 @@
box-sizing: border-box;
min-height: var(--van-coupon-content-height);
padding: var(--van-coupon-content-padding);
color: var(--van-gray-8);
color: var(--van-coupon-content-text-color);
}
&__head {

1
packages/vant/src/coupon/var.less
View File

@ -3,6 +3,7 @@
@coupon-margin: 0 var(--van-padding-sm) var(--van-padding-sm);
@coupon-content-height: 84px;
@coupon-content-padding: 14px 0;
@coupon-content-text-color: var(--van-text-color);
@coupon-background-color: var(--van-background-color-light);
@coupon-active-background-color: var(--van-active-color);
@coupon-border-radius: var(--van-border-radius-lg);

2
packages/vant/src/style/var.less
View File

@ -27,12 +27,12 @@
@warning-color: var(--van-orange);
@text-color: var(--van-gray-8);
@text-color-secondary: var(--van-gray-6);
@text-link-color: #576b95;
@active-color: var(--van-gray-2);
@active-opacity: 0.7;
@disabled-opacity: 0.5;
@background-color: var(--van-gray-1);
@background-color-light: var(--van-white);
@text-link-color: #576b95;
// Padding
@padding-base: 4px;