ui/vant
1
0
Fork 0
mirror of https://github.com/youzan/vant.git synced 2025-10-21 03:11:15 +00:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

feat(Switch): add click event (#4915)

Browse Source
This commit is contained in:
neverland
2019-11-04 17:58:20 +08:00
committed by GitHub
parent a19d3cc5c0
commit 577174c7f8
5 changed files with 62 additions and 77 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
src/switch/demo/index.vue
View File

@@ -5,39 +5,23 @@
</demo-block>
<demo-block :title="$t('disabled')">
<van-switch
v-model="checked"
disabled
/>
<van-switch v-model="checked" disabled />
</demo-block>
<demo-block :title="$t('loadingStatus')">
<van-switch
v-model="checked"
loading
/>
<van-switch v-model="checked" loading />
</demo-block>
<demo-block :title="$t('customSize')">
<van-switch
v-model="checked2"
size="24px"
/>
<van-switch v-model="checked2" size="24px" />
</demo-block>
<demo-block :title="$t('customColor')">
<van-switch
v-model="checked3"
active-color="#07c160"
inactive-color="#ee0a24"
/>
<van-switch v-model="checked3" active-color="#07c160" inactive-color="#ee0a24" />
</demo-block>
<demo-block :title="$t('asyncControl')">
<van-switch
:value="checked4"
@input="onInput"
/>
<van-switch :value="checked4" @input="onInput" />
</demo-block>
</demo-section>
</template>
@@ -72,19 +56,21 @@ export default {
methods: {
onInput(checked) {
this.$dialog.confirm({
title: this.$t('title'),
message: this.$t('message')
}).then(() => {
this.checked4 = checked;
});
this.$dialog
.confirm({
title: this.$t('title'),
message: this.$t('message')
})
.then(() => {
this.checked4 = checked;
});
}
}
};
</script>
<style lang="less">
@import "../../style/var";
@import '../../style/var';
.demo-switch {
.van-switch {