mirror of
https://gitee.com/vant-contrib/vant.git
synced 2025-04-06 03:57:59 +08:00
style(AddressList): using primary color
This commit is contained in:
parent
3692014070
commit
fcd91cb0b0
@ -17,9 +17,14 @@
|
|||||||
|
|
||||||
以下组件的默认色值风格由红色调整为蓝色:
|
以下组件的默认色值风格由红色调整为蓝色:
|
||||||
|
|
||||||
|
- AddressEdit
|
||||||
|
- AddressList
|
||||||
|
- Card
|
||||||
- Calendar
|
- Calendar
|
||||||
- Cascader
|
- Cascader
|
||||||
- ContactList
|
- ContactList
|
||||||
|
- ContactEdit
|
||||||
|
- CouponList
|
||||||
- Dialog
|
- Dialog
|
||||||
- DropdownMenu
|
- DropdownMenu
|
||||||
- IndexBar
|
- IndexBar
|
||||||
@ -31,20 +36,15 @@
|
|||||||
|
|
||||||
- `--van-font-bold` 的默认值由 `500` 调整为 `600`
|
- `--van-font-bold` 的默认值由 `500` 调整为 `600`
|
||||||
- ActionBar: 调整 `--van-action-bar-icon-text-color` 变量的默认值为 `--van-text-color`
|
- 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: 默认圆角大小从 `2px` 调整为 `4px`
|
||||||
- Button: 默认按钮的边框颜色调整为 `--van-gray-4`
|
- Button: 默认按钮的边框颜色调整为 `--van-gray-4`
|
||||||
- Button: 调整 `font-smoothing`,默认使用粗体文字
|
- Button: 调整 `font-smoothing`,默认使用粗体文字
|
||||||
- Card: 调整标签颜色为蓝色
|
|
||||||
- Card: 调整 `--van-card-background` 变量的默认值为 `--van-background`
|
- Card: 调整 `--van-card-background` 变量的默认值为 `--van-background`
|
||||||
- Card: 调整 `--van-card-price-color` 变量的默认值为 `--van-text-color`
|
- Card: 调整 `--van-card-price-color` 变量的默认值为 `--van-text-color`
|
||||||
- Card: 调整 `--van-card-desc-color` 变量的默认值为 `--van-text-color-2`
|
- 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`
|
- 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-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`
|
- Field: 调整 `--van-field-label-color` 变量的默认值为 `--van-text-color`
|
||||||
- Switch: 移除 `--van-switch-border` 变量
|
- Switch: 移除 `--van-switch-border` 变量
|
||||||
- Switch: 调整 `--van-switch-size` 变量的默认值为 `26px`
|
- Switch: 调整 `--van-switch-size` 变量的默认值为 `26px`
|
||||||
|
@ -90,7 +90,7 @@ export default defineComponent({
|
|||||||
<Button
|
<Button
|
||||||
round
|
round
|
||||||
block
|
block
|
||||||
type="danger"
|
type="primary"
|
||||||
text={props.addButtonText || t('add')}
|
text={props.addButtonText || t('add')}
|
||||||
class={bem('add')}
|
class={bem('add')}
|
||||||
onClick={() => emit('add')}
|
onClick={() => emit('add')}
|
||||||
|
@ -57,7 +57,7 @@ export default defineComponent({
|
|||||||
}
|
}
|
||||||
if (props.address.isDefault && props.defaultTagText) {
|
if (props.address.isDefault && props.defaultTagText) {
|
||||||
return (
|
return (
|
||||||
<Tag type="danger" round class={bem('tag')}>
|
<Tag type="primary" round class={bem('tag')}>
|
||||||
{props.defaultTagText}
|
{props.defaultTagText}
|
||||||
</Tag>
|
</Tag>
|
||||||
);
|
);
|
||||||
|
@ -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-disabled-text-color | _var(--van-text-color-3)_ | - |
|
||||||
| --van-address-list-item-font-size | _13px_ | - |
|
| --van-address-list-item-font-size | _13px_ | - |
|
||||||
| --van-address-list-item-line-height | _var(--van-line-height-sm)_ | - |
|
| --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_ | - |
|
| --van-address-list-edit-icon-size | _20px_ | - |
|
||||||
|
@ -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-disabled-text-color | _var(--van-text-color-3)_ | - |
|
||||||
| --van-address-list-item-font-size | _13px_ | - |
|
| --van-address-list-item-font-size | _13px_ | - |
|
||||||
| --van-address-list-item-line-height | _var(--van-line-height-sm)_ | - |
|
| --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_ | - |
|
| --van-address-list-edit-icon-size | _20px_ | - |
|
||||||
|
@ -10,7 +10,7 @@ body {
|
|||||||
--van-address-list-item-disabled-text-color: var(--van-text-color-3);
|
--van-address-list-item-disabled-text-color: var(--van-text-color-3);
|
||||||
--van-address-list-item-font-size: 13px;
|
--van-address-list-item-font-size: 13px;
|
||||||
--van-address-list-item-line-height: var(--van-line-height-sm);
|
--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;
|
--van-address-list-edit-icon-size: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -104,7 +104,7 @@ body {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.van-radio__icon--checked .van-icon {
|
.van-radio__icon--checked .van-icon {
|
||||||
background-color: var(--van-address-list-item-radio-icon-color);
|
background-color: var(--van-address-list-radio-color);
|
||||||
border-color: var(--van-address-list-item-radio-icon-color);
|
border-color: var(--van-address-list-radio-color);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -24,7 +24,7 @@ exports[`should render demo and match snapshot 1`] = `
|
|||||||
<div class="van-address-item__name">
|
<div class="van-address-item__name">
|
||||||
John Snow 13000000000
|
John Snow 13000000000
|
||||||
<transition-stub class="van-address-item__tag">
|
<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
|
Default
|
||||||
</span>
|
</span>
|
||||||
</transition-stub>
|
</transition-stub>
|
||||||
@ -87,7 +87,7 @@ exports[`should render demo and match snapshot 1`] = `
|
|||||||
</div>
|
</div>
|
||||||
<div class="van-address-list__bottom van-safe-area-bottom">
|
<div class="van-address-list__bottom van-safe-area-bottom">
|
||||||
<button type="button"
|
<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">
|
<div class="van-button__content">
|
||||||
<span class="van-button__text">
|
<span class="van-button__text">
|
||||||
|
@ -8,7 +8,7 @@ exports[`should render tag slot correctly 1`] = `
|
|||||||
</div>
|
</div>
|
||||||
<div class="van-address-list__bottom van-safe-area-bottom">
|
<div class="van-address-list__bottom van-safe-area-bottom">
|
||||||
<button type="button"
|
<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">
|
<div class="van-button__content">
|
||||||
<span class="van-button__text">
|
<span class="van-button__text">
|
||||||
|
Loading…
x
Reference in New Issue
Block a user