[Improvement] Reorganize demos (#1052)

2025-10-20 02:31:21 +00:00 · 2018-05-12 15:22:37 +08:00
parent a55eda8891
commit 4de1e7da55
83 changed files with 109 additions and 113 deletions
--- a/packages/nav-bar/demo/index.vue
+++ b/packages/nav-bar/demo/index.vue
@@ -0,0 +1,33 @@
+<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>
+        <van-icon name="search" slot="right" />
+      </van-nav-bar>
+    </demo-block>
+  </demo-section>
+</template>
+
+<script>
+export default {
+  methods: {
+    onClickLeft() {
+      Toast(this.$t('back'));
+    },
+    onClickRight() {
+      Toast(this.$t('button'));
+    }
+  }
+};
+</script>