mirror of
https://gitee.com/vant-contrib/vant.git
synced 2025-10-31 19:42:07 +08:00
59 lines
1.1 KiB
Vue
59 lines
1.1 KiB
Vue
<template>
|
|
<demo-section>
|
|
<demo-block :title="$t('basicUsage')">
|
|
<van-button
|
|
:text="$t('showNotify')"
|
|
@click="showNotify"
|
|
/>
|
|
</demo-block>
|
|
|
|
<demo-block :title="$t('customConfig')">
|
|
<van-button
|
|
:text="$t('showCustomNotify')"
|
|
@click="showCustomNotify"
|
|
/>
|
|
</demo-block>
|
|
</demo-section>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
i18n: {
|
|
'zh-CN': {
|
|
content: '通知内容',
|
|
customConfig: '自定义配置',
|
|
showNotify: '显示消息通知',
|
|
showCustomNotify: '显示自定义消息通知'
|
|
},
|
|
'en-US': {
|
|
content: 'Notify Message',
|
|
customConfig: 'Custom Config',
|
|
showNotify: 'Show Notify',
|
|
showCustomNotify: 'Show Custom Notify'
|
|
}
|
|
},
|
|
|
|
methods: {
|
|
showNotify() {
|
|
this.$notify(this.$t('content'));
|
|
},
|
|
|
|
showCustomNotify() {
|
|
this.$notify({
|
|
message: this.$t('content'),
|
|
duration: 1000,
|
|
background: '#1989fa'
|
|
});
|
|
}
|
|
}
|
|
};
|
|
</script>
|
|
|
|
<style lang="less">
|
|
.demo-notify {
|
|
.van-button {
|
|
margin-left: 15px;
|
|
}
|
|
}
|
|
</style>
|