import MainLayout from "@/layout/main/mainLayout"; import styles from "./index.module.less"; import archivesAvatarPng from "@/assets/translate/archives-avatar.png"; import catDogPng from "@/assets/translate/cat-dog.png"; import archivesVarietyPng from "@/assets/translate/archives-variety.png"; import archivesWeightPng from "@/assets/translate/archives-weight.png"; import archivesDatePng from "@/assets/translate/archives-date.png"; import { useState } from "react"; import { Image, Button, Popup, Space } from "antd-mobile"; import { CloseOutline } from "antd-mobile-icons"; import { useSearchParams } from "react-router-dom"; import { Delete } from "@icon-park/react"; interface DefinedProps { visible: boolean; title: string; children: React.ReactNode; showBottom?: boolean; onClose: () => void; } function MyPopup(props: DefinedProps) { const { visible, title, children, onClose, showBottom = false } = props; return (

{title}

{children}
{showBottom && (
)}
); } function Add() { const [visibleVariety, setVisibleVariety] = useState(false); const [visibleWeight, setVisibleWeight] = useState(false); const [visibleDate, setVisibleDate] = useState(false); const [searchParams] = useSearchParams(); const flag = searchParams.get("flag"); const right = (
); return (
{flag === "add" && }
昵称*
{flag === "add" ? "请输入昵称" : "钱多多"}
setVisibleVariety(true)} className={styles.archivesFromItem}>
品种*
{flag === "add" ? "请选择" : "布偶猫"} {">"}
setVisibleWeight(true)} className={styles.archivesFromItem}>
体重*
{flag === "add" ? "请选择" : "45kg"} {">"}
性别*
未知
弟弟
妹妹
setVisibleDate(true)} className={styles.archivesFromItem}>
出生日期*
{flag === "add" ? "请选择" : "2018-12-01"} {">"}
绝育情况*
未知
已绝育
未绝育
{ setVisibleVariety(false); }} > { setVisibleWeight(false); }} showBottom={true} > { setVisibleDate(false); }} showBottom={true} >
); } export default Add;