blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-06 03:57:59 +08:00
Code Issues Projects Releases Wiki Activity

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

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/address-list/Item.tsx
View File

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

5
src/address-list/index.less
View File

@ -54,4 +54,9 @@
font-size: @address-list-edit-icon-size; font-size: @address-list-edit-icon-size;
transform: translate(0, -50%); 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;
}
} }

2
src/address-list/test/__snapshots__/demo.spec.js.snap
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 van-cell--clickable van-address-item">
<div class="van-cell__value van-cell__value--alone van-address-item__value"> <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 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> <!----></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>
</div><i class="van-icon van-icon-edit van-address-item__edit"> </div><i class="van-icon van-icon-edit van-address-item__edit">

1
src/style/var.less
View File

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