docs(Field): split demo

2020-02-03 11:56:57 +08:00
parent 69560f4fce
commit 143bd4297f
13 changed files with 452 additions and 253 deletions
@@ -0,0 +1,46 @@
+<template>
+  <demo-block :title="$t('errorInfo')">
+    <van-cell-group>
+      <van-field
+        v-model="username"
+        required
+        :label="$t('username')"
+        :placeholder="$t('usernamePlaceholder')"
+        error
+      />
+      <van-field
+        v-model="phone"
+        required
+        :label="$t('phone')"
+        :placeholder="$t('phonePlaceholder')"
+        :error-message="$t('phoneError')"
+      />
+    </van-cell-group>
+  </demo-block>
+</template>
+
+<script>
+export default {
+  i18n: {
+    'zh-CN': {
+      phone: '手机号',
+      errorInfo: '错误提示',
+      phoneError: '手机号格式错误',
+      phonePlaceholder: '请输入手机号',
+    },
+    'en-US': {
+      phone: 'Phone',
+      errorInfo: 'Error Info',
+      phoneError: 'Invalid phone',
+      phonePlaceholder: 'Phone',
+    },
+  },
+
+  data() {
+    return {
+      phone: '123',
+      username: '',
+    };
+  },
+};
+</script>