🎨 登录排版优化

src/App.vue

@@ -1,17 +1,17 @@
 <template>
-  <!-- <a-config-provider :locale="locale">
-  </a-config-provider> -->
-  <router-view />
+  <a-config-provider :locale="locale">
+    <router-view />
+  </a-config-provider>
 </template>
 
 <script lang="ts">
 import { defineComponent, ref } from "vue";
-// import zhCN from "ant-design-vue/lib/locale-provider/zh_CN";
+import zhCN from "ant-design-vue/lib/locale-provider/zh_CN";
 
 const App = defineComponent({
   setup() {
-    // const locale = ref(zhCN);
-    // return { locale };
+    const locale = ref(zhCN);
+    return { locale };
   },
 });
 

src/hooks/useFormLayout.ts

@@ -2,7 +2,7 @@ const useFormLayout = (label: number = 6) => {
   const total = 24;
   const offset = 1;
 
-  const wrapperSpan = total - label - offset * 4;
+  const wrapperSpan = label ? total - label - offset * 4 : total - offset * 2;
 
   return {
     labelCol: { span: label },

src/views/Login.vue

@@ -52,7 +52,7 @@ const Login = defineComponent({
   },
   setup() {
     const { router, store } = useApp();
-    const formLayout = useFormLayout(6);
+    const formLayout = useFormLayout(0);
 
     const data = reactive({
       forms: {