style(AddressList): using primary color

This commit is contained in:
chenjiahan 2022-02-20 20:22:49 +08:00
parent 3692014070
commit fcd91cb0b0
8 changed files with 16 additions and 16 deletions

View File

@ -17,9 +17,14 @@
以下组件的默认色值风格由红色调整为蓝色:
- AddressEdit
- AddressList
- Card
- Calendar
- Cascader
- ContactList
- ContactEdit
- CouponList
- Dialog
- DropdownMenu
- IndexBar
@ -31,20 +36,15 @@
- `--van-font-bold` 的默认值由 `500` 调整为 `600`
- ActionBar: 调整 `--van-action-bar-icon-text-color` 变量的默认值为 `--van-text-color`
- AddressEdit: 提交按钮调整为 `primary` 类型
- AddressList: 重命名 `--van-address-list-item-radio-icon-color``--van-address-list-radio-color`
- Button: 默认圆角大小从 `2px` 调整为 `4px`
- Button: 默认按钮的边框颜色调整为 `--van-gray-4`
- Button: 调整 `font-smoothing`,默认使用粗体文字
- Card: 调整标签颜色为蓝色
- Card: 调整 `--van-card-background` 变量的默认值为 `--van-background`
- Card: 调整 `--van-card-price-color` 变量的默认值为 `--van-text-color`
- Card: 调整 `--van-card-desc-color` 变量的默认值为 `--van-text-color-2`
- ContactEdit: 提交按钮调整为 `primary` 类型
- ContactList: 提交按钮调整为 `primary` 类型
- ContactList: 重命名 `--van-contact-list-item-radio-icon-color``--van-contact-list-radio-color`
- CouponList: 重命名 `--van-coupon-corner-checkbox-icon-color``--van-coupon-checkbox-color`
- CouponList: 调整 `--van-coupon-amount-color` 变量的默认值为 `--van-primary-color`
- CouponList: 提交按钮调整为 `primary` 类型
- Field: 调整 `--van-field-label-color` 变量的默认值为 `--van-text-color`
- Switch: 移除 `--van-switch-border` 变量
- Switch: 调整 `--van-switch-size` 变量的默认值为 `26px`

View File

@ -90,7 +90,7 @@ export default defineComponent({
<Button
round
block
type="danger"
type="primary"
text={props.addButtonText || t('add')}
class={bem('add')}
onClick={() => emit('add')}

View File

@ -57,7 +57,7 @@ export default defineComponent({
}
if (props.address.isDefault && props.defaultTagText) {
return (
<Tag type="danger" round class={bem('tag')}>
<Tag type="primary" round class={bem('tag')}>
{props.defaultTagText}
</Tag>
);

View File

@ -148,5 +148,5 @@ The component provides the following CSS variables, which can be used to customi
| --van-address-list-item-disabled-text-color | _var(--van-text-color-3)_ | - |
| --van-address-list-item-font-size | _13px_ | - |
| --van-address-list-item-line-height | _var(--van-line-height-sm)_ | - |
| --van-address-list-item-radio-icon-color | _var(--van-danger-color)_ | - |
| --van-address-list-radio-color | _var(--van-primary-color)_ | - |
| --van-address-list-edit-icon-size | _20px_ | - |

View File

@ -148,5 +148,5 @@ import type { AddressListProps, AddressListAddress } from 'vant';
| --van-address-list-item-disabled-text-color | _var(--van-text-color-3)_ | - |
| --van-address-list-item-font-size | _13px_ | - |
| --van-address-list-item-line-height | _var(--van-line-height-sm)_ | - |
| --van-address-list-item-radio-icon-color | _var(--van-danger-color)_ | - |
| --van-address-list-radio-color | _var(--van-primary-color)_ | - |
| --van-address-list-edit-icon-size | _20px_ | - |

View File

@ -10,7 +10,7 @@ body {
--van-address-list-item-disabled-text-color: var(--van-text-color-3);
--van-address-list-item-font-size: 13px;
--van-address-list-item-line-height: var(--van-line-height-sm);
--van-address-list-item-radio-icon-color: var(--van-danger-color);
--van-address-list-radio-color: var(--van-primary-color);
--van-address-list-edit-icon-size: 20px;
}
@ -104,7 +104,7 @@ body {
}
.van-radio__icon--checked .van-icon {
background-color: var(--van-address-list-item-radio-icon-color);
border-color: var(--van-address-list-item-radio-icon-color);
background-color: var(--van-address-list-radio-color);
border-color: var(--van-address-list-radio-color);
}
}

View File

@ -24,7 +24,7 @@ exports[`should render demo and match snapshot 1`] = `
<div class="van-address-item__name">
John Snow 13000000000
<transition-stub class="van-address-item__tag">
<span class="van-tag van-tag--round van-tag--danger">
<span class="van-tag van-tag--round van-tag--primary">
Default
</span>
</transition-stub>
@ -87,7 +87,7 @@ exports[`should render demo and match snapshot 1`] = `
</div>
<div class="van-address-list__bottom van-safe-area-bottom">
<button type="button"
class="van-button van-button--danger van-button--normal van-button--block van-button--round van-address-list__add"
class="van-button van-button--primary van-button--normal van-button--block van-button--round van-address-list__add"
>
<div class="van-button__content">
<span class="van-button__text">

View File

@ -8,7 +8,7 @@ exports[`should render tag slot correctly 1`] = `
</div>
<div class="van-address-list__bottom van-safe-area-bottom">
<button type="button"
class="van-button van-button--danger van-button--normal van-button--block van-button--round van-address-list__add"
class="van-button van-button--primary van-button--normal van-button--block van-button--round van-address-list__add"
>
<div class="van-button__content">
<span class="van-button__text">