feat(Calendar): add basic files

2019-12-26 19:59:08 +08:00
parent 3a22162912
commit 49781a5e15
11 changed files with 252 additions and 0 deletions
@@ -0,0 +1,52 @@
+<template>
+  <demo-section>
+    <demo-block :title="$t('basicUsage')">
+      <van-cell
+        :title="$t('selectDate')"
+        is-link
+        @click="toggle('selectDate', true)"
+      />
+    </demo-block>
+
+    <van-popup
+      v-model="show.selectDate"
+      round
+      closeable
+      position="bottom"
+    >
+      <van-calendar v-model="date.selectDate" :title="$t('title')" />
+    </van-popup>
+  </demo-section>
+</template>
+
+<script>
+export default {
+  i18n: {
+    'zh-CN': {
+      title: '日期选择',
+      selectDate: '选择日期'
+    },
+    'en-US': {
+      title: 'Select Date',
+      selectDate: 'Select Date'
+    }
+  },
+
+  data() {
+    return {
+      date: {
+        selectDate: null
+      },
+      show: {
+        selectDate: false
+      }
+    };
+  },
+
+  methods: {
+    toggle(type, show) {
+      this.show[type] = show;
+    }
+  }
+};
+</script>