feat(AddressList): add @address-list-item-radio-icon-color var (#4481)

This commit is contained in:
neverland 2019-09-18 11:56:31 +08:00 committed by GitHub
parent df59c58ffc
commit 2038d135bc
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 8 additions and 3 deletions

View File

@ -1,5 +1,4 @@
import { createNamespace } from '../utils';
import { RED } from '../utils/constant';
import { emit, inherit } from '../utils/functional';
import Icon from '../icon';
import Cell from '../cell';
@ -66,7 +65,7 @@ function AddressItem(
];
return switchable && !disabled ? (
<Radio name={data.id} iconSize={16} checkedColor={RED}>
<Radio name={data.id} iconSize={16}>
{Info}
</Radio>
) : (

View File

@ -54,4 +54,9 @@
font-size: @address-list-edit-icon-size;
transform: translate(0, -50%);
}
.van-radio__icon--checked .van-icon {
background-color: @address-list-item-radio-icon-color;
border-color: @address-list-item-radio-icon-color;
}
}

View File

@ -8,7 +8,7 @@ exports[`renders demo correctly 1`] = `
<div class="van-cell van-cell--clickable van-address-item">
<div class="van-cell__value van-cell__value--alone van-address-item__value">
<div role="radio" tabindex="0" aria-checked="true" class="van-radio">
<div class="van-radio__icon van-radio__icon--round van-radio__icon--checked" style="font-size: 16px;"><i class="van-icon van-icon-success" style="border-color: #ee0a24; background-color: rgb(238, 10, 36);">
<div class="van-radio__icon van-radio__icon--round van-radio__icon--checked" style="font-size: 16px;"><i class="van-icon van-icon-success">
<!----></i></div><span class="van-radio__label"><div class="van-address-item__name">张三13000000000</div><div class="van-address-item__address">浙江省杭州市西湖区文三路 138 号东方通信大厦 7 楼 501 室</div></span>
</div>
</div><i class="van-icon van-icon-edit van-address-item__edit">

View File

@ -70,6 +70,7 @@
@address-list-item-disabled-text-color: @gray-dark;
@address-list-item-font-size: @font-size-sm;
@address-list-item-line-height: 16px;
@address-list-item-radio-icon-color: @red;
@address-list-edit-icon-size: 16px;
// Button