feat: Add form demo

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',

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>

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>