blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-25 10:56:35 +08:00
Code Issues Projects Releases Wiki Activity

[improvement] AddressList: use prop to custom radio

Browse Source
This commit is contained in:
陈嘉涵 2019-05-10 15:05:33 +08:00
parent 8cf8956294
commit 97f4c4e023
5 changed files with 5 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,4 +1,5 @@
import { use } from '../utils'; import { use } from '../utils';
import { RED } from '../utils/color';
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';
@ -61,7 +62,7 @@ function AddressItem(
]; ];
return props.switchable ? ( return props.switchable ? (
<Radio name={data.id} onClick={onSelect}> <Radio name={data.id} iconSize={16} checkedColor={RED} onClick={onSelect}>
{Info} {Info}
</Radio> </Radio>
) : ( ) : (

17
packages/address-list/index.less
View File

@ -24,18 +24,7 @@
padding: 15px; padding: 15px;
&__value { &__value {
position: relative;
padding-right: 34px; padding-right: 34px;
color: @text-color;
}
.van-radio__icon {
font-size: 16px;
}
.van-radio__icon--checked .van-icon {
background-color: @red;
border-color: @red;
} }
&__name { &__name {
@ -51,12 +40,6 @@
line-height: 16px; line-height: 16px;
} }
&--unswitchable {
.van-radio__label {
padding-left: 0;
}
}
&--disabled { &--disabled {
.van-address-item__name, .van-address-item__name,
.van-address-item__address { .van-address-item__address {

2
packages/contact-card/test/__snapshots__/index.spec.js.snap
View File

@ -6,7 +6,7 @@ exports[`ContactList render 1`] = `
<div class="van-cell van-cell--clickable van-contact-list__item"> <div class="van-cell van-cell--clickable van-contact-list__item">
<div class="van-cell__value van-cell__value--alone van-contact-list__item-value"> <div class="van-cell__value van-cell__value--alone van-contact-list__item-value">
<div class="van-radio"> <div class="van-radio">
<div class="van-radio__icon van-radio__icon--round van-radio__icon--checked"><i class="van-icon van-icon-success"> <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: #f44; background-color: rgb(255, 68, 68);">
<!----></i></div><span class="van-radio__label"><div class="van-contact-list__name">test，123123213</div></span> <!----></i></div><span class="van-radio__label"><div class="van-contact-list__name">test，123123213</div></span>
</div> </div>
</div><i class="van-icon van-icon-edit van-contact-list__edit"> </div><i class="van-icon van-icon-edit van-contact-list__edit">

11
packages/contact-list/index.less
View File

@ -10,18 +10,7 @@
} }
&__item-value { &__item-value {
position: relative;
padding-right: 34px; padding-right: 34px;
color: @text-color;
}
.van-radio__icon {
font-size: 16px;
}
.van-radio__icon--checked .van-icon {
background-color: @red;
border-color: @red;
} }
&__group { &__group {

3
packages/contact-list/index.tsx
View File

@ -1,4 +1,5 @@
import { use } from '../utils'; import { use } from '../utils';
import { RED } from '../utils/color';
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';
@ -44,7 +45,7 @@ function ContactList(
valueClass={bem('item-value')} valueClass={bem('item-value')}
scopedSlots={{ scopedSlots={{
default: () => ( default: () => (
<Radio name={item.id} onClick={onClick}> <Radio name={item.id} iconSize={16} checkedColor={RED} onClick={onClick}>
<div class={bem('name')}>{`${item.name}，${item.tel}`}</div> <div class={bem('name')}>{`${item.name}，${item.tel}`}</div>
</Radio> </Radio>
), ),