|
@@ -52,15 +52,15 @@ const DepositData: FC<Props> = (props) => {
|
|
|
const [formInput, setFormInput] = useState<ShopProductItem | null>(null);
|
|
|
const { eventInitiate } = useEventPoint();
|
|
|
const isStrictMode = useSystemStore((state) => state.identity_verify.deposit === 1);
|
|
|
- const [middleHeight, setMiddleHeight] = useState<{ top: number; footer: number }>({
|
|
|
- top: 50,
|
|
|
- footer: 80,
|
|
|
- }); // 中间区域高度
|
|
|
+ // const [middleHeight, setMiddleHeight] = useState<{ top: number; footer: number }>({
|
|
|
+ // top: 50,
|
|
|
+ // footer: 80,
|
|
|
+ // }); // 中间区域高度
|
|
|
const formInstanceRef = useRef<FormInstance>(null);
|
|
|
let [amount, setAmount] = useState<number | undefined>(undefined);
|
|
|
|
|
|
- const swiperBox = useRef<HTMLDivElement>(null);
|
|
|
- const footerBox = useRef<HTMLDivElement>(null);
|
|
|
+ // const swiperBox = useRef<HTMLDivElement>(null);
|
|
|
+ // const footerBox = useRef<HTMLDivElement>(null);
|
|
|
|
|
|
const titleChangeHandler = (data: PayChannel) => {
|
|
|
setAmount(undefined);
|
|
@@ -92,14 +92,14 @@ const DepositData: FC<Props> = (props) => {
|
|
|
setFormInput(null);
|
|
|
setBtns([]);
|
|
|
}
|
|
|
- computMiddleHeight();
|
|
|
+ // computMiddleHeight();
|
|
|
}, [shopInfo]);
|
|
|
|
|
|
- const computMiddleHeight = () => {
|
|
|
- const topHeight = swiperBox.current?.offsetHeight || 0;
|
|
|
- const footerHeight = footerBox.current?.offsetHeight || 0;
|
|
|
- setMiddleHeight({ top: topHeight, footer: footerHeight });
|
|
|
- };
|
|
|
+ // const computMiddleHeight = () => {
|
|
|
+ // const topHeight = swiperBox.current?.offsetHeight || 0;
|
|
|
+ // const footerHeight = footerBox.current?.offsetHeight || 0;
|
|
|
+ // setMiddleHeight({ top: topHeight, footer: footerHeight });
|
|
|
+ // };
|
|
|
|
|
|
const getCurrentProduct = (amount: number) => {
|
|
|
if (!shopInfo?.products?.length) return null;
|
|
@@ -218,7 +218,7 @@ const DepositData: FC<Props> = (props) => {
|
|
|
|
|
|
return (
|
|
|
<div className="deposit-box">
|
|
|
- <div ref={swiperBox}>
|
|
|
+ <div>
|
|
|
<Swiper
|
|
|
slidesPerView={3}
|
|
|
spaceBetween={10}
|
|
@@ -244,7 +244,7 @@ const DepositData: FC<Props> = (props) => {
|
|
|
className={"custom-form"}
|
|
|
style={{
|
|
|
padding: "0 .1rem",
|
|
|
- maxHeight: `clac(100% - ${middleHeight.top}px -${middleHeight.footer}px)`,
|
|
|
+ // maxHeight: `calc(100% - ${middleHeight.top}px - ${middleHeight.footer}px)`,
|
|
|
overflow: "auto",
|
|
|
}}
|
|
|
>
|
|
@@ -335,7 +335,7 @@ const DepositData: FC<Props> = (props) => {
|
|
|
</div>
|
|
|
</Form>
|
|
|
</Box>
|
|
|
- <div style={{ padding: ".1rem" }} ref={footerBox}>
|
|
|
+ <div style={{ padding: ".1rem" }}>
|
|
|
{!isEmpty && (
|
|
|
<ButtonOwn
|
|
|
deposit
|