diff --git a/src/coupon-cell/index.less b/src/coupon-cell/index.less index c7e50c86d..1a2da079e 100644 --- a/src/coupon-cell/index.less +++ b/src/coupon-cell/index.less @@ -1,7 +1,7 @@ @import '../style/var'; .van-coupon-cell { - &--selected { + &__value--selected { color: @coupon-cell-selected-text-color; } } diff --git a/src/coupon-cell/index.tsx b/src/coupon-cell/index.tsx index a8d2bafcd..46259f10f 100644 --- a/src/coupon-cell/index.tsx +++ b/src/coupon-cell/index.tsx @@ -39,7 +39,7 @@ function CouponCell( slots: DefaultSlots, ctx: RenderContext<CouponCellProps> ) { - const valueClass = props.coupons[+props.chosenCoupon] ? bem('selected') : ''; + const selected = props.coupons[+props.chosenCoupon]; const value = formatValue(props); return ( @@ -49,7 +49,7 @@ function CouponCell( title={props.title || t('title')} border={props.border} isLink={props.editable} - valueClass={valueClass} + valueClass={bem('value', { selected })} {...inherit(ctx, true)} /> ); diff --git a/src/coupon-list/test/__snapshots__/demo.spec.js.snap b/src/coupon-list/test/__snapshots__/demo.spec.js.snap index 73c038f70..8c2fdd67d 100644 --- a/src/coupon-list/test/__snapshots__/demo.spec.js.snap +++ b/src/coupon-list/test/__snapshots__/demo.spec.js.snap @@ -5,7 +5,7 @@ exports[`renders demo correctly 1`] = ` <div> <div role="button" tabindex="0" class="van-cell van-cell--clickable van-coupon-cell"> <div class="van-cell__title"><span>优惠券</span></div> - <div class="van-cell__value"><span>2张可用</span></div><i class="van-icon van-icon-arrow van-cell__right-icon"> + <div class="van-cell__value van-coupon-cell__value"><span>2张可用</span></div><i class="van-icon van-icon-arrow van-cell__right-icon"> <!----></i> </div> <!----> diff --git a/src/coupon-list/test/__snapshots__/index.spec.js.snap b/src/coupon-list/test/__snapshots__/index.spec.js.snap index b6db0680b..1c6330ea1 100644 --- a/src/coupon-list/test/__snapshots__/index.spec.js.snap +++ b/src/coupon-list/test/__snapshots__/index.spec.js.snap @@ -41,7 +41,7 @@ exports[`empty-image prop 1`] = ` exports[`render coupon cell 1`] = ` <div role="button" tabindex="0" class="van-cell van-cell--clickable van-coupon-cell"> <div class="van-cell__title"><span>优惠券</span></div> - <div class="van-cell__value"><span>暂无可用</span></div><i class="van-icon van-icon-arrow van-cell__right-icon"> + <div class="van-cell__value van-coupon-cell__value"><span>暂无可用</span></div><i class="van-icon van-icon-arrow van-cell__right-icon"> <!----></i> </div> `; @@ -49,7 +49,7 @@ exports[`render coupon cell 1`] = ` exports[`render coupon cell with coupon 1`] = ` <div role="button" tabindex="0" class="van-cell van-cell--clickable van-coupon-cell"> <div class="van-cell__title"><span>优惠券</span></div> - <div class="van-cell__value van-coupon-cell--selected"><span>-¥ 1.00</span></div><i class="van-icon van-icon-arrow van-cell__right-icon"> + <div class="van-cell__value van-coupon-cell__value van-coupon-cell__value--selected"><span>-¥ 1.00</span></div><i class="van-icon van-icon-arrow van-cell__right-icon"> <!----></i> </div> `;