72 lines
2.9 KiB
JavaScript
72 lines
2.9 KiB
JavaScript
|
"use client";
|
|||
|
|
|
|||
|
|
import React, { useState } from "react";
|
|||
|
|
import { Button } from "antd-mobile";
|
|||
|
|
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
|
|||
|
|
import {
|
|||
|
|
faAngleLeft,
|
|||
|
|
} from "@fortawesome/free-solid-svg-icons";
|
|||
|
|
import { useRouter } from "next/navigation";
|
|||
|
|
import { formatDeadline } from "@/utils/tools";
|
|||
|
|
export default function DeleteAccount() {
|
|||
|
|
const [deadline, setDeadline] = useState();
|
|||
|
|
const router = useRouter();
|
|||
|
|
return (
|
|||
|
|
<div>
|
|||
|
|
<div className="p-4 fixed top-0 z-10 w-full">
|
|||
|
|
<div className="w-9 h-9 flex items-center justify-center bg-[#FFFFFF1A] rounded-full absolute">
|
|||
|
|
<FontAwesomeIcon
|
|||
|
|
icon={faAngleLeft}
|
|||
|
|
size="xl"
|
|||
|
|
onClick={() => {
|
|||
|
|
router.back();
|
|||
|
|
}}
|
|||
|
|
/>
|
|||
|
|
</div>
|
|||
|
|
<p className="text-base text-center leading-9">注销用户</p>
|
|||
|
|
</div>
|
|||
|
|
{/* 内容 */}
|
|||
|
|
<div className="pt-16 p-4">
|
|||
|
|
<p className="text-white text-lg font-medium">注销必看须知:</p>
|
|||
|
|
<div className="bg-[#13121F] rounded-2xl p-3 mt-2">
|
|||
|
|
<p className="text-white text-base font-medium">1、账号个人信息</p>
|
|||
|
|
<p className="text-[#FFFFFFB2] text-base">
|
|||
|
|
账号注销后，您将永远失去该账户的所有内容，且无法恢复。包括但不限于：个人资料信息、访问记录、关注列表、私信聊天记录等。
|
|||
|
|
</p>
|
|||
|
|
<p className="text-white text-base font-medium mt-2">
|
|||
|
|
2、账号资产与权益
|
|||
|
|
</p>
|
|||
|
|
<p className="text-[#FFFFFFB2] text-base">
|
|||
|
|
账号注销后，您将失去所有账号使用期间获得的资产与权益，且无法恢复。包括但不限于您的金币、钻石、会员特权以及其他已付费的订单商品等。
|
|||
|
|
</p>
|
|||
|
|
<p className="text-white text-base font-medium mt-2">3、注销时间</p>
|
|||
|
|
<p className="text-[#FFFFFFB2] text-base">
|
|||
|
|
您发起注销账户申请后，我们将在7个自然日后完全清除您的账号信息，在此期间您可以随时在本页面撤销该申请。
|
|||
|
|
</p>
|
|||
|
|
<p className="text-white text-base font-medium mt-2">4、其他</p>
|
|||
|
|
<p className="text-[#FFFFFFB2] text-base">
|
|||
|
|
平台入驻创作者请联系运营进行注销。
|
|||
|
|
</p>
|
|||
|
|
</div>
|
|||
|
|
{deadline && (
|
|||
|
|
<p className="text-[#F53030] text-base font-medium mt-2">
|
|||
|
|
您的账号将于{formatDeadline(deadline)}
|
|||
|
|
注销，如需取消注销，请点击下方“取消注销”
|
|||
|
|
</p>
|
|||
|
|
)}
|
|||
|
|
<div className="mt-16">
|
|||
|
|
<Button
|
|||
|
|
shape="rounded"
|
|||
|
|
size="middle"
|
|||
|
|
block
|
|||
|
|
// onClick={handleSubmit}
|
|||
|
|
style={{ "--background-color": "#FF669E", color: "#FFFFFF" }}
|
|||
|
|
>
|
|||
|
|
{deadline ? "取消注销" : "确认注销账号"}
|
|||
|
|
</Button>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
);
|
|||
|
|
}
|