mirror of
https://gitee.com/vant-contrib/vant.git
synced 2025-04-06 03:57:59 +08:00
feat(AddressList): add @address-list-item-radio-icon-color var (#4481)
This commit is contained in:
parent
df59c58ffc
commit
2038d135bc
@ -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>
|
||||
) : (
|
||||
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
@ -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">
|
||||
|
@ -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
|
||||
|
Loading…
x
Reference in New Issue
Block a user