mirror of
https://gitee.com/vant-contrib/vant.git
synced 2025-04-27 03:46:35 +08:00
40 lines
793 B
Vue
40 lines
793 B
Vue
<template>
|
|
<demo-section>
|
|
<demo-block :title="$t('basicUsage')">
|
|
<van-nav-bar
|
|
:title="$t('title')"
|
|
:left-text="$t('back')"
|
|
:right-text="$t('button')"
|
|
left-arrow
|
|
@click-left="onClickLeft"
|
|
@click-right="onClickRight"
|
|
/>
|
|
</demo-block>
|
|
|
|
<demo-block :title="$t('advancedUsage')">
|
|
<van-nav-bar
|
|
:title="$t('title')"
|
|
:left-text="$t('back')"
|
|
left-arrow
|
|
>
|
|
<template #right>
|
|
<van-icon name="search" />
|
|
</template>
|
|
</van-nav-bar>
|
|
</demo-block>
|
|
</demo-section>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
methods: {
|
|
onClickLeft() {
|
|
this.$toast(this.$t('back'));
|
|
},
|
|
onClickRight() {
|
|
this.$toast(this.$t('button'));
|
|
}
|
|
}
|
|
};
|
|
</script>
|