fix: some bug

src/components/info/index.vue

@@ -26,23 +26,14 @@
           v-model.number="ruleForm.verify"
           placeholder="请输入验证码"
         ></el-input>
-        <span
+        <span class="verify" title="刷新" v-html="ruleForm.svg" @click.prevent="refreshVerify"></span>
-          class="verify"
-          title="刷新"
-          v-html="ruleForm.svg"
-          @click.prevent="refreshVerify"
-        ></span>
       </el-form-item>
       <el-form-item>
-        <el-button type="primary" @click.prevent="onBehavior">
+        <el-button type="primary" @click.prevent="onBehavior">{{ tipsFalse }}</el-button>
-          {{ tipsFalse }}
-        </el-button>
         <el-button @click="resetForm">重置</el-button>
         <span class="tips" @click="changPage">{{ tips }}</span>
       </el-form-item>
-      <span title="测试用户 直接登录" class="secret" @click="noSecret"
+      <span title="测试用户 直接登录" class="secret" @click="noSecret">免密登录</span>
-        >免密登录</span
-      >
     </el-form>
   </div>
 </template>
@@ -55,7 +46,7 @@ import {
   onBeforeMount,
   getCurrentInstance,
   watch,
-  nextTick,
+  nextTick
 } from "vue";
 import { storageSession } from "/@/utils/storage";
 
@@ -75,8 +66,8 @@ export default defineComponent({
   props: {
     ruleForm: {
       type: Object as PropType<ContextProps>,
-      require: true,
+      require: true
-    },
+    }
   },
   emits: ["onBehavior", "refreshVerify"],
   setup(props, ctx) {
@@ -103,12 +94,12 @@ export default defineComponent({
       userName: [{ required: true, message: "请输入用户名", trigger: "blur" }],
       passWord: [
         { required: true, message: "请输入密码", trigger: "blur" },
-        { min: 6, message: "密码长度必须不小于6位", trigger: "blur" },
+        { min: 6, message: "密码长度必须不小于6位", trigger: "blur" }
       ],
       verify: [
         { required: true, message: "请输入验证码", trigger: "blur" },
-        { type: "number", message: "验证码必须是数字类型", trigger: "blur" },
+        { type: "number", message: "验证码必须是数字类型", trigger: "blur" }
-      ],
+      ]
     });
 
     // 点击登录或注册
@@ -140,14 +131,14 @@ export default defineComponent({
     const noSecret = (): void => {
       storageSession.setItem("info", {
         username: "测试用户",
-        accessToken: "eyJhbGciOiJIUzUxMiJ9.test",
+        accessToken: "eyJhbGciOiJIUzUxMiJ9.test"
       });
       router.push("/");
     };
 
     onBeforeMount(() => {
       vm = getCurrentInstance(); //获取组件实例
-    })
+    });
 
     return {
       rules,
@@ -157,9 +148,9 @@ export default defineComponent({
       onBehavior,
       refreshVerify,
       changPage,
-      noSecret,
+      noSecret
     };
-  },
+  }
 });
 </script>
 

src/views/login.vue

@@ -1,19 +1,12 @@
 <template>
   <div class="login">
-    <info
+    <info :ruleForm="contextInfo" @on-behavior="onLogin" @refreshVerify="refreshVerify" />
-      :ruleForm="contextInfo"
-      @on-behavior="onLogin"
-      @refreshVerify="refreshVerify"
-    />
   </div>
 </template>
 
 <script lang="ts">
-import {
+import { reactive, onBeforeMount } from "vue";
-  reactive,
+import info, { ContextProps } from "../components/info/index.vue";
-  onBeforeMount,
-} from "vue";
-import info, { ContextProps } from "/@/components/Info/index.vue";
 import { getVerify, getLogin } from "/@/api/user";
 import { useRouter } from "vue-router";
 import { storageSession } from "/@/utils/storage";
@@ -21,7 +14,7 @@ import { warnMessage, successMessage } from "/@/utils/message";
 export default {
   name: "login",
   components: {
-    info,
+    info
   },
   setup() {
     const router = useRouter();
@@ -36,7 +29,7 @@ export default {
       userName: "",
       passWord: "",
       verify: null,
-      svg: null,
+      svg: null
     });
 
     const toPage = (info: Object): void => {
@@ -50,13 +43,13 @@ export default {
       let { code, info, accessToken } = await getLogin({
         username: userName,
         password: passWord,
-        verify: verify,
+        verify: verify
       });
       code === 0
         ? successMessage(info) &&
           toPage({
             username: userName,
-            accessToken,
+            accessToken
           })
         : warnMessage(info);
     };
@@ -74,8 +67,8 @@ export default {
       onLogin,
       router,
       toPage,
-      refreshVerify,
+      refreshVerify
     };
-  },
+  }
 };
 </script>

src/views/register.vue

@@ -12,7 +12,7 @@ import {
   onBeforeMount,
   getCurrentInstance
 } from "vue";
-import info, { ContextProps } from "/@/components/Info/index.vue";
+import info, { ContextProps } from "../components/info/index.vue";
 import { getRegist, getVerify } from "/@/api/user";
 import { useRouter } from "vue-router";
 import { warnMessage, successMessage } from "/@/utils/message";