u

code/email/Email-Vue/src/components/modals/AddEmailAccountModal.vue

@@ -0,0 +1,30 @@
+<template>
+  <a-modal title="新增账户" v-bind="$attrs" :visible="true">
+    <a-form :model="form" auto-label-width>
+      <a-form-item field="email" label="Email地址">
+        <template #extra>
+          <div>系统默认使用 IMAP 和 SMTP 协议，请确保邮箱已开启对应服务。</div>
+        </template>
+        <a-input v-model="form.email" />
+      </a-form-item>
+
+      <a-form-item field="password" label="密码">
+        <template #extra>
+          <div>请填写邮箱的授权码，而非登录密码。</div>
+        </template>
+        <a-input v-model="form.password" />
+      </a-form-item>
+    </a-form>
+  </a-modal>
+</template>
+
+<script setup lang="ts">
+import { reactive } from "vue";
+
+const form = reactive({
+  email: "",
+  password: ""
+});
+</script>
+
+<style lang="scss" scoped></style>