first commit

src/pages/Home/components/LoginFormModal.vue

@@ -0,0 +1,49 @@
+<template>
+  <Dialog :open="isOpen" @update:open="setOpen">
+    <DialogContent
+      @pointer-down-outside="(event) => event.preventDefault()"
+      @focus-outside="(event) => event.preventDefault()"
+      class="max-w-[300px] rounded-4xl bg-[#DDDDDD] p-[14px] md:max-w-[390px]"
+      :showCloseButton="false"
+    >
+      <DialogHeader class="py-2 pl-2">
+        <DialogTitle class="text-left text-base md:text-2xl">代理登录/注册</DialogTitle>
+        <DialogDescription class="text-left text-base text-[#999999]">
+          请输入您的邮箱并通过验证码登录，如您第一次使用将自动为您创建Hi快高能合伙人帐号。
+        </DialogDescription>
+      </DialogHeader>
+      <LoginForm @close="isOpen = false" />
+    </DialogContent>
+  </Dialog>
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue'
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogHeader,
+  DialogTitle,
+} from '@/components/ui/dialog'
+import LoginForm from './LoginForm.vue'
+
+const isOpen = ref(false)
+
+const setOpen = (value: boolean) => {
+  isOpen.value = value
+}
+
+const show = () => {
+  isOpen.value = true
+}
+
+const hide = () => {
+  isOpen.value = false
+}
+
+defineExpose({
+  show,
+  hide,
+})
+</script>