From e6f95803316bb5df2d1060285c1d591a79340721 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E5=87=AF=E9=BE=99?= <502431556@qq.com>
Date: Thu, 27 Jan 2022 16:52:13 +0800
Subject: [PATCH] feat: Add form demo

---
 src/locales/en.ts                         | 2 +-
 src/views/Components/Form/RefForm.vue     | 4 ++--
 src/views/Components/Form/UseFormDemo.vue | 4 ++--
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/locales/en.ts b/src/locales/en.ts
index 6d9e3ef..cdae43c 100644
--- a/src/locales/en.ts
+++ b/src/locales/en.ts
@@ -200,7 +200,7 @@ export default {
     formDes:
       'The secondary encapsulation of form components based on ElementPlus realizes data-driven and supports all Form parameters',
     example: 'example',
-    operate: 'Operate',
+    operate: 'operate',
     change: 'Change',
     restore: 'Restore',
     disabled: 'Disabled',
diff --git a/src/views/Components/Form/RefForm.vue b/src/views/Components/Form/RefForm.vue
index 41ca81f..d4ef3f5 100644
--- a/src/views/Components/Form/RefForm.vue
+++ b/src/views/Components/Form/RefForm.vue
@@ -214,7 +214,7 @@ const verifyReset = () => {
 </script>
 
 <template>
-  <ContentWrap :title="`refForm${t('formDemo.operate')}`">
+  <ContentWrap :title="`RefForm ${t('formDemo.operate')}`">
     <ElButton @click="changeLabelWidth(150)">{{ t('formDemo.change') }} labelWidth</ElButton>
     <ElButton @click="changeLabelWidth('auto')">{{ t('formDemo.restore') }} labelWidth</ElButton>
 
@@ -243,7 +243,7 @@ const verifyReset = () => {
     <ElButton @click="formValidation"> {{ t('formDemo.formValidation') }} </ElButton>
     <ElButton @click="verifyReset"> {{ t('formDemo.verifyReset') }} </ElButton>
   </ContentWrap>
-  <ContentWrap :title="`refForm${t('formDemo.example')}`">
+  <ContentWrap :title="`RefForm ${t('formDemo.example')}`">
     <Form :schema="schema" ref="formRef" />
   </ContentWrap>
 </template>
diff --git a/src/views/Components/Form/UseFormDemo.vue b/src/views/Components/Form/UseFormDemo.vue
index dec15eb..e8773a5 100644
--- a/src/views/Components/Form/UseFormDemo.vue
+++ b/src/views/Components/Form/UseFormDemo.vue
@@ -221,7 +221,7 @@ const verifyReset = () => {
 </script>
 
 <template>
-  <ContentWrap :title="`useForm${t('formDemo.operate')}`">
+  <ContentWrap :title="`UseForm ${t('formDemo.operate')}`">
     <ElButton @click="changeLabelWidth(150)">{{ t('formDemo.change') }} labelWidth</ElButton>
     <ElButton @click="changeLabelWidth('auto')">{{ t('formDemo.restore') }} labelWidth</ElButton>
 
@@ -250,7 +250,7 @@ const verifyReset = () => {
     <ElButton @click="formValidation"> {{ t('formDemo.formValidation') }} </ElButton>
     <ElButton @click="verifyReset"> {{ t('formDemo.verifyReset') }} </ElButton>
   </ContentWrap>
-  <ContentWrap :title="`useForm${t('formDemo.example')}`">
+  <ContentWrap :title="`UseForm ${t('formDemo.example')}`">
     <Form :schema="schema" @register="register" />
   </ContentWrap>
 </template>