blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-06 03:57:59 +08:00
Code Issues Projects Releases Wiki Activity

[bugfix] Button: should be unclickavble when loading (#779)

Browse Source
This commit is contained in:
neverland 2018-03-26 19:52:17 +08:00 committed by GitHub
parent 9930a3263b
commit dadf733d71
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 8 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
docs/demos/views/list.vue
View File

@ -65,7 +65,7 @@ export default {
<style lang="postcss"> <style lang="postcss">
.demo-list { .demo-list {
.van-cell { .van-cell {
text-align: center; justify-content: center;
} }
.page-desc { .page-desc {

3
packages/button/index.vue
View File

@ -11,7 +11,8 @@
'van-button--disabled': disabled, 'van-button--disabled': disabled,
'van-button--loading': loading, 'van-button--loading': loading,
'van-button--block': block, 'van-button--block': block,
'van-button--bottom-action': bottomAction 'van-button--bottom-action': bottomAction,
'van-button--unclickable': disabled || loading
} }
]" ]"
@click="onClick" @click="onClick"

6
packages/vant-css/src/button.css
View File

@ -27,10 +27,14 @@
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
} }
&:not([disabled]):active::before { &:active::before {
opacity: .3; opacity: .3;
} }
&--unclickable:before {
display: none;
}
&--default { &--default {
color: $button-default-color; color: $button-default-color;
background-color: $button-default-background-color; background-color: $button-default-background-color;