✨ qr login page /reset password page

src/views/QRLogin/QRLogin.vue

@@ -0,0 +1,51 @@
+<template>
+  <div class="qrlogin-main">
+    <div class="qrlogin-left">
+      <BoxDog/>
+    </div>
+    <div class="qrlogin-right">
+      <span class="qrlogin-right-title">{{ t("login.title") }}</span>
+      <ACard class="qrlogin-card" bordered :hoverable="false">
+        <AFlex :vertical="true" align="center">
+          <span class="qrlogin-card-item-span">{{ t("login.qrLogin") }}</span>
+          <span class="qrlogin-card-item-info">
+            {{ t("login.open") }}
+            <span class="qrlogin-card-wechat">{{ t("login.wechat") }}</span>
+            {{ t("login.scan") }}
+            </span>
+          <AQrcode
+              class="qrlogin-card-qr"
+              :size="230"
+              :error-level="'H'"
+              value="https://www.antdv.com"
+              icon="https://www.antdv.com/assets/logo.1ef800a8.svg"
+          />
+          <ACheckbox class="qrlogin-card-auto-login">{{ t("login.autoLogin") }}</ACheckbox>
+        </AFlex>
+        <QRLoginFooter/>
+        <ATooltip placement="left">
+          <template #title>
+            <span>{{ t("login.phoneLogin") }}</span>
+          </template>
+          <div @click="()=>{
+            router.push('/login')
+          }" class="qrlogin-right-qrcode"/>
+        </ATooltip>
+      </ACard>
+    </div>
+  </div>
+</template>
+<script setup lang="ts">
+import {useI18n} from "vue-i18n";
+import BoxDog from "@/components/BoxDog/BoxDog.vue";
+import QRLoginFooter from "@/views/QRLogin/QRLoginFooter.vue";
+import {useRouter} from 'vue-router'
+
+const {t} = useI18n();
+
+const router = useRouter();
+
+</script>
+<style src="./index.scss" scoped>
+@import "@/assets/styles/global.scss";
+</style>