initial commit

app/components/login-dialog/index.vue

@@ -0,0 +1,80 @@
+<template>
+  <div class="loginPopup">
+    <el-dialog
+      v-model="dialogVisible"
+      align-center
+      width="450"
+      :before-close="beforeClose"
+      custom-class="login !rounded-[var(--rounded-big)]"
+      :show-close="false"
+      append-to-body
+    >
+      <login v-if="type === 'login' && dialogVisible" @typeChange="typeChange" />
+      <register v-if="type === 'register' && dialogVisible" @typeChange="typeChange" />
+    </el-dialog>
+  </div>
+</template>
+<script lang="ts" setup>
+import { ref, computed, watch } from "vue";
+import login from "./login.vue";
+import register from "./register.vue";
+
+const type = ref("login");
+
+const memberStore = useMemberStore();
+//弹框状态
+const dialogVisible = computed(() => {
+  return memberStore.loginPopup;
+});
+//弹框关闭
+const beforeClose = (next: any) => {
+  memberStore.logClose();
+  type.value = "login";
+  next();
+};
+const handleClose = () => {
+  memberStore.logClose();
+  type.value = "login";
+};
+//判断当前是登录还是注册
+const typeChange = (val: any) => {
+  type.value = val;
+};
+</script>
+<style>
+.login .el-dialog__header {
+  padding: 0 !important;
+}
+
+.login .el-dialog__body {
+  padding: 0 !important;
+}
+.login .el-dialog__headerbtn {
+  z-index: 99;
+}
+</style>
+<style lang="scss" scoped>
+:deep(.el-form-item) {
+  .el-input__wrapper {
+    box-shadow: unset !important;
+    border-radius: 0;
+    &.is-focus {
+      border: none;
+    }
+  }
+
+  &.is-error {
+    .el-input__wrapper {
+      border: none;
+    }
+  }
+}
+
+:deep(.el-form-item__error) {
+  padding-top: 5px;
+}
+
+.text-color {
+  color: var(--el-color-primary);
+}
+</style>