[improvement] rename packages dir to src (#3659)

2019-06-27 11:25:57 +08:00
parent 8489918dca
commit 75c79b7044
619 changed files with 21 additions and 21 deletions
@@ -0,0 +1,71 @@
+<template>
+  <demo-section>
+    <demo-block :title="$t('basicUsage')">
+      <van-search
+        v-model="value"
+        :placeholder="$t('placeholder')"
+      />
+    </demo-block>
+
+    <demo-block :title="$t('title2')">
+      <form action="/">
+        <van-search
+          v-model="value"
+          :placeholder="$t('placeholder')"
+          show-action
+          @search="onSearch"
+          @cancel="onCancel"
+        />
+      </form>
+    </demo-block>
+
+    <demo-block :title="$t('title3')">
+      <van-search
+        v-model="value"
+        :placeholder="$t('placeholder')"
+        show-action
+        shape="round"
+        :label="$t('label')"
+        @search="onSearch"
+      >
+        <template #action>
+          <div @click="onSearch">{{ $t('search') }}</div>
+        </template>
+      </van-search>
+    </demo-block>
+  </demo-section>
+</template>
+
+<script>
+export default {
+  i18n: {
+    'zh-CN': {
+      title2: '监听对应事件',
+      title3: '高级用法',
+      placeholder: '请输入搜索关键词',
+      label: '地址'
+    },
+    'en-US': {
+      title2: 'Listen to Events',
+      title3: 'Advanced Usage',
+      placeholder: 'Placeholder',
+      label: 'Address'
+    }
+  },
+
+  data() {
+    return {
+      value: ''
+    };
+  },
+
+  methods: {
+    onSearch() {
+      this.$toast(this.value);
+    },
+    onCancel() {
+      this.$toast(this.$t('cancel'));
+    }
+  }
+};
+</script>