diff --git a/.gitignore b/.gitignore index fd3dbb5..83c1efa 100644 --- a/.gitignore +++ b/.gitignore @@ -34,3 +34,6 @@ yarn-error.log* # typescript *.tsbuildinfo next-env.d.ts + +package-lock.json +yarn.lock diff --git a/app/my/editUserProfile/editUserName/page.js b/app/my/editUserProfile/editUserName/page.js new file mode 100644 index 0000000..7494bac --- /dev/null +++ b/app/my/editUserProfile/editUserName/page.js @@ -0,0 +1,51 @@ +"use client"; + +import React, { useState } from "react"; +import { Input, Button } from "antd-mobile"; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import { faAngleLeft, faAngleRight } from "@fortawesome/free-solid-svg-icons"; +import { useRouter } from "next/navigation"; +export default function EditUserName() { + const router = useRouter(); + const [name, setName] = useState(); + return ( +
+
+
+ { + router.back(); + }} + /> +
+

修改资料

+
+ {/* 内容 */} +
+
+ setName(value)} + value={"铁粉空间"} + style={{ "--placeholder-color": "#FFFFFF80" }} + /> +
+
+ +
+
+
+ ); +} diff --git a/app/my/editUserProfile/selectUserProfileItem/page.js b/app/my/editUserProfile/selectUserProfileItem/page.js new file mode 100644 index 0000000..e830653 --- /dev/null +++ b/app/my/editUserProfile/selectUserProfileItem/page.js @@ -0,0 +1,67 @@ +"use client"; + +import React from "react"; +import { Avatar, Divider } from "antd-mobile"; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import { faAngleLeft, faAngleRight } from "@fortawesome/free-solid-svg-icons"; +import { useRouter } from "next/navigation"; +export default function SelectUserProfileItem() { + const router = useRouter(); + return ( +
+
+
+ { + router.back(); + }} + /> +
+

修改资料

+
+ {/* 内容 */} +
+
+ 头像 +
+ + +
+
+ +
{ + router.push("/my/editUserProfile/editUserName"); + }} + > + 昵称 +
+ 铁粉空间 + { + router.push("my/editUserProfile/editUserName"); + }} + /> +
+
+ +
+ ID + + 45676456 + +
+ +
+
+ ); +} diff --git a/app/my/page.js b/app/my/page.js index 72ee869..ffe74a8 100644 --- a/app/my/page.js +++ b/app/my/page.js @@ -12,7 +12,7 @@ export default function My() { return (
-
+
router.push("my/editUserProfile/selectUserProfileItem")}>
-
+
router.push("my/setting")}> {/* 会员用户 */} -
+ {/*
  • @@ -193,7 +193,7 @@ export default function My() {
-
+
*/} {/* 普通用户 */}
    @@ -235,7 +235,7 @@ export default function My() { }} /> -
  • + {/*
  • router.push("my/streamerVerification")}>
    -
    • + */}
  • -
    +
    -
    - +
    +

    XXXXXX

    专属圈内容都在空间里，永久更新外面看不到哟

    -
    +
    关注
    -
    - +
    +

    XXXXXX

    -

    +

    专属圈内容都在空间里，永久更新外面看不到哟

    -
    - 关注 +
    + 已关注
    diff --git a/app/my/setting/aboutUs/page.js b/app/my/setting/aboutUs/page.js new file mode 100644 index 0000000..56785f2 --- /dev/null +++ b/app/my/setting/aboutUs/page.js @@ -0,0 +1,90 @@ +"use client"; + +import React from "react"; +import { Image } from "antd-mobile"; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import { + faAngleLeft, + faAngleRight, + faEye, + faHandshakeSimple, +} from "@fortawesome/free-solid-svg-icons"; +import { useRouter } from "next/navigation"; +export default function AboutUs() { + const router = useRouter(); + return ( +
    +
    +
    + { + router.back(); + }} + /> +
    +

    关于我们

    +
    + {/* 内容 */} +
    + + +
    +
      +
    • router.push("my/wallet")} + > +
      + { + router.back(); + }} + /> + 用户协议 +
      + { + router.back(); + }} + /> +
      • +
    • +
      + { + router.back(); + }} + /> + 隐私政策 +
      + { + router.back(); + }} + /> +
      • +
    +
    +
    +
    + ); +} diff --git a/app/my/setting/deleteAccount/page.js b/app/my/setting/deleteAccount/page.js new file mode 100644 index 0000000..1801214 --- /dev/null +++ b/app/my/setting/deleteAccount/page.js @@ -0,0 +1,71 @@ +"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 ( +
    +
    +
    + { + router.back(); + }} + /> +
    +

    注销用户

    +
    + {/* 内容 */} +
    +

    注销必看须知:

    +
    +

    1、账号个人信息

    +

    + 账号注销后，您将永远失去该账户的所有内容，且无法恢复。包括但不限于：个人资料信息、访问记录、关注列表、私信聊天记录等。 +

    +

    + 2、账号资产与权益 +

    +

    + 账号注销后，您将失去所有账号使用期间获得的资产与权益，且无法恢复。包括但不限于您的金币、钻石、会员特权以及其他已付费的订单商品等。 +

    +

    3、注销时间

    +

    + 您发起注销账户申请后，我们将在7个自然日后完全清除您的账号信息，在此期间您可以随时在本页面撤销该申请。 +

    +

    4、其他

    +

    + 平台入驻创作者请联系运营进行注销。 +

    +
    + {deadline && ( +

    + 您的账号将于{formatDeadline(deadline)} + 注销，如需取消注销，请点击下方“取消注销” +

    + )} +
    + +
    +
    +
    + ); +} diff --git a/app/my/setting/editPassword/page.js b/app/my/setting/editPassword/page.js new file mode 100644 index 0000000..15f092c --- /dev/null +++ b/app/my/setting/editPassword/page.js @@ -0,0 +1,107 @@ +"use client"; + +import React, { useState } from "react"; +import { Button, Input, Divider } from "antd-mobile"; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import { faAngleLeft } from "@fortawesome/free-solid-svg-icons"; +import { useRouter } from "next/navigation"; +import UploadImgs from "@/components/UploadImgs"; +export default function EditPassword() { + const [regionCode, setRegionCode] = useState(""); + const [mobilePhone, setMobilePhone] = useState(""); + const [veriCode, setVeriCode] = useState(""); + const [newPassword, setNewPassword] = useState(""); + const [confirmPassword, setConfirmPassword] = useState(""); + const [isCounting, setIsCounting] = useState(false); + const [seconds, setSeconds] = useState(60); + const router = useRouter(); + return ( +
    +
    +
    + { + router.back(); + }} + /> +
    +

    +
    + {/* 内容 */} +
    +

    修改密码

    +

    请牢记密码

    +
    +
    +

    +{regionCode}

    + setMobilePhone(value)} + value={mobilePhone} + style={{"--color":"#FFFFFF","--font-size":"16px"}} + /> +
    + +
    +

    验证码

    + setVeriCode(value)} + value={veriCode} + type="number" + style={{"--placeholder-color":"#FFFFFF80","--font-size":"16px"}} + /> + +
    + +
    +

    新密码

    + setNewPassword(value)} + value={newPassword} + style={{"--placeholder-color":"#FFFFFF80","--font-size":"16px"}} + /> +
    + +
    +

    确认密码

    + setConfirmPassword(value)} + value={confirmPassword} + style={{"--placeholder-color":"#FFFFFF80","--font-size":"16px"}} + /> +
    +
    +
    + +
    +
    +
    + ); +} diff --git a/app/my/setting/feedback/page.js b/app/my/setting/feedback/page.js new file mode 100644 index 0000000..c827fce --- /dev/null +++ b/app/my/setting/feedback/page.js @@ -0,0 +1,59 @@ +"use client"; + +import React, { useState } from "react"; +import { Button, TextArea } from "antd-mobile"; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import { + faAngleLeft, +} from "@fortawesome/free-solid-svg-icons"; +import { useRouter } from "next/navigation"; +import UploadImgs from "@/components/UploadImgs"; +export default function Feedback() { + const [value, setValue] = useState(); + const [assets, setAssets] = useState([]); + const [isSubmitting, setIsSubmitting] = useState(false); + const router = useRouter(); + return ( +
    +
    +
    + { + router.back(); + }} + /> +
    +

    意见反馈

    +
    + {/* 内容 */} +
    +

    反馈描述

    +