refactor(AddressList): update style (#5507)

This commit is contained in:
rex 2020-01-09 10:09:21 +08:00 committed by neverland
parent 8ec1a90633
commit 753165fdf7
4 changed files with 5 additions and 9 deletions

View File

@ -82,7 +82,7 @@ function AddressItem(
if (switchable && !disabled) {
return (
<Radio name={data.id} iconSize={16}>
<Radio name={data.id} iconSize={18}>
{Info}
</Radio>
);

View File

@ -31,7 +31,7 @@
.van-address-item {
padding: @address-list-item-padding;
border-radius: @border-radius-md;
border-radius: @border-radius-lg;
&:not(:last-child) {
margin-bottom: @padding-sm;
@ -87,8 +87,4 @@
background-color: @address-list-item-radio-icon-color;
border-color: @address-list-item-radio-icon-color;
}
.van-radio__icon:not(.van-radio__icon--checked) {
visibility: hidden;
}
}

View File

@ -8,7 +8,7 @@ exports[`renders demo correctly 1`] = `
<div role="button" tabindex="0" class="van-cell van-cell--clickable van-cell--borderless 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">
<div class="van-radio__icon van-radio__icon--round van-radio__icon--checked" style="font-size: 18px;"><i class="van-icon van-icon-success">
<!----></i></div><span class="van-radio__label"><div class="van-address-item__name">张三 13000000000<span class="van-tag van-tag--round van-tag--danger van-address-item__tag">默认</span>
</div>
<div class="van-address-item__address">浙江省杭州市西湖区文三路 138 号东方通信大厦 7 楼 501 室</div></span>
@ -19,7 +19,7 @@ exports[`renders demo correctly 1`] = `
<div role="button" tabindex="0" class="van-cell van-cell--clickable van-cell--borderless van-address-item">
<div class="van-cell__value van-cell__value--alone van-address-item__value">
<div role="radio" tabindex="-1" aria-checked="false" class="van-radio">
<div class="van-radio__icon van-radio__icon--round" style="font-size: 16px;"><i class="van-icon van-icon-success">
<div class="van-radio__icon van-radio__icon--round" style="font-size: 18px;"><i class="van-icon van-icon-success">
<!----></i></div><span class="van-radio__label"><div class="van-address-item__name">李四 1310000000</div><div class="van-address-item__address">浙江省杭州市拱墅区莫干山路 50 号</div></span>
</div>
</div><i class="van-icon van-icon-edit van-address-item__edit">

View File

@ -96,7 +96,7 @@
@address-list-item-font-size: 13px;
@address-list-item-line-height: 18px;
@address-list-item-radio-icon-color: @red;
@address-list-edit-icon-size: 18px;
@address-list-edit-icon-size: 20px;
// Button
@button-mini-height: 22px;