[bugfix] add click feedback of buttons in components (#248)

* [bugfix] CouponList always show empty info

* [bugfix] add click feedback of buttons in components
This commit is contained in:
neverland 2017-10-25 03:03:44 -05:00 committed by GitHub
parent c90f2663ee
commit 7325334734
8 changed files with 38 additions and 5 deletions

View File

@ -1,4 +1,6 @@
<script> <script>
import { Toast } from 'packages/index';
const citys = { const citys = {
'浙江': ['杭州', '宁波', '温州', '嘉兴', '湖州', '绍兴', '金华', '衢州', '舟山', '台州', '丽水'], '浙江': ['杭州', '宁波', '温州', '嘉兴', '湖州', '绍兴', '金华', '衢州', '舟山', '台州', '丽水'],
'福建': ['福州', '厦门', '莆田', '三明', '泉州', '漳州', '南平', '龙岩', '宁德'], '福建': ['福州', '厦门', '莆田', '三明', '泉州', '漳州', '南平', '龙岩', '宁德'],
@ -27,10 +29,10 @@ export default {
picker.setColumnValues(1, citys[values[0]]); picker.setColumnValues(1, citys[values[0]]);
}, },
handlePickerCancel() { handlePickerCancel() {
alert('picker cancel'); Toast('picker cancel');
}, },
handlePickerConfirm() { handlePickerConfirm() {
alert('picker confirm'); Toast('picker confirm');
} }
} }
}; };

View File

@ -1,4 +1,6 @@
<script> <script>
import { Toast } from 'packages/index';
const citys = { const citys = {
'浙江': ['杭州', '宁波', '温州', '嘉兴', '湖州', '绍兴', '金华', '衢州', '舟山', '台州', '丽水'], '浙江': ['杭州', '宁波', '温州', '嘉兴', '湖州', '绍兴', '金华', '衢州', '舟山', '台州', '丽水'],
'福建': ['福州', '厦门', '莆田', '三明', '泉州', '漳州', '南平', '龙岩', '宁德'], '福建': ['福州', '厦门', '莆田', '三明', '泉州', '漳州', '南平', '龙岩', '宁德'],
@ -27,10 +29,10 @@ export default {
picker.setColumnValues(1, citys[values[0]]); picker.setColumnValues(1, citys[values[0]]);
}, },
handlePickerCancel() { handlePickerCancel() {
alert('picker cancel'); Toast('picker cancel');
}, },
handlePickerConfirm() { handlePickerConfirm() {
alert('picker confirm'); Toast('picker confirm');
} }
} }
}; };

View File

@ -1,4 +1,6 @@
<script> <script>
import { Toast } from 'packages/index';
export default { export default {
data() { data() {
return { return {

View File

@ -59,5 +59,9 @@
color: $blue; color: $blue;
font-size: 20px; font-size: 20px;
} }
&:active {
background-color: $active-color;
}
} }
} }

View File

@ -8,7 +8,15 @@
height: 40px; height: 40px;
line-height: 40px; line-height: 40px;
overflow: hidden; overflow: hidden;
}
&__cancel,
&__confirm {
padding: 0 15px; padding: 0 15px;
&:active {
background-color: $active-color;
}
} }
&__cancel { &__cancel {

View File

@ -51,6 +51,10 @@
&__action-text { &__action-text {
padding: 0 10px; padding: 0 10px;
color: $green; color: $green;
&:active {
background-color: $active-color;
}
} }
.van-icon-search { .van-icon-search {

View File

@ -183,7 +183,7 @@
height: 50px; height: 50px;
padding: 0; padding: 0;
border: 0; border: 0;
background: $orange; background: #f85;
color: $white; color: $white;
font-size: 16px; font-size: 16px;
line-height: 50px; line-height: 50px;

View File

@ -44,6 +44,17 @@
} }
} }
&__minus,
&__plus {
&:active {
background-color: $active-color;
}
&--disabled:active {
background-color: $background-color;
}
}
&__minus { &__minus {
border-radius: 2px 0 0 2px; border-radius: 2px 0 0 2px;