mirror of
https://gitee.com/vant-contrib/vant.git
synced 2025-05-25 07:49:15 +08:00
Button: fix disabled color wrong when has bottomAction prop
This commit is contained in:
parent
3be326f7ea
commit
63acb5b799
@ -74,7 +74,8 @@ Vue.component(Button.name, Button);
|
||||
|
||||
:::demo 加载状态
|
||||
```html
|
||||
<van-button loading />
|
||||
<van-button loading></van-button>
|
||||
<van-button loading type="primary"></van-button>
|
||||
```
|
||||
:::
|
||||
|
||||
|
@ -3,8 +3,8 @@
|
||||
<van-cell-group>
|
||||
<van-cell :title="title" :isLink="editable" @click="$emit('click')">
|
||||
<div v-if="coupons[chosenCoupon]">
|
||||
<h2>{{ amount }}</h2>
|
||||
<span>{{ coupons[chosenCoupon].condition }}</span>
|
||||
<div>{{ amount }}</div>
|
||||
<div>{{ coupons[chosenCoupon].condition }}</div>
|
||||
</div>
|
||||
<template v-else>{{ guide }}</template>
|
||||
</van-cell>
|
||||
|
@ -36,10 +36,6 @@
|
||||
color: $button-default-color;
|
||||
background-color: $button-default-background-color;
|
||||
border: 1px solid $button-default-border-color;
|
||||
|
||||
&:active {
|
||||
color: $gray-dark;
|
||||
}
|
||||
}
|
||||
|
||||
&--primary {
|
||||
@ -91,12 +87,6 @@
|
||||
}
|
||||
}
|
||||
|
||||
&--disabled {
|
||||
color: $button-disabled-color;
|
||||
background-color: $button-disabled-background-color;
|
||||
border: 1px solid $button-disabled-border-color;
|
||||
}
|
||||
|
||||
&--block {
|
||||
width: 100%;
|
||||
display: block;
|
||||
@ -112,13 +102,14 @@
|
||||
color: $bottom-action-button-default-color;
|
||||
background-color: $bottom-action-button-default-background-color;
|
||||
|
||||
&:active {
|
||||
color: $white;
|
||||
}
|
||||
|
||||
&.van-button--primary {
|
||||
color: $bottom-action-button-primary-color;
|
||||
background-color: $bottom-action-button-primary-background-color;
|
||||
}
|
||||
}
|
||||
|
||||
&--disabled {
|
||||
color: $button-disabled-color;
|
||||
background-color: $button-disabled-background-color;
|
||||
border: 1px solid $button-disabled-border-color;
|
||||
}
|
||||
}
|
||||
|
@ -32,8 +32,12 @@
|
||||
width: 100%;
|
||||
height: 14px;
|
||||
font-size: 14px;
|
||||
color: $gray-dark;
|
||||
color: $gray-darker;
|
||||
border: none;
|
||||
|
||||
&::placeholder {
|
||||
color: $gray-dark;
|
||||
}
|
||||
}
|
||||
|
||||
&__cancel {
|
||||
|
Loading…
x
Reference in New Issue
Block a user