折叠微信支付

This commit is contained in:
yezian 2024-07-18 16:51:15 +08:00
parent 8d0527ed8d
commit 5de2a0d848
3 changed files with 109 additions and 65 deletions

View File

@ -10,16 +10,8 @@ import Link from "next/link";
export default function Pay() {
const router = useRouter();
const alipayBlock = () => {
const base = webviewBaseRequest();
if (base?.b_mid === 161) {
createOrder("alipay_h5");
return;
}
Toast.show({
content: "支付渠道维护升级中请24小时后再试",
});
};
//
const [isPaymentHided, setIsPaymentHided] = useState(true);
//
const [productList, setProductList] = useState([]);
@ -301,6 +293,24 @@ export default function Pay() {
</p>
</div>
</div>
{isPaymentHided ? (
<div className="basis-1/2 px-2">
<div
onClick={() => setIsPaymentHided(false)}
className="flex flex-row cursor-pointer gap-1.5 h-11 items-center justify-center bg-[#2E2E2E] rounded-full"
>
<svg viewBox="0 0 1024 1024" width="18" height="18">
<path
d="M512 65.311495c-246.699682 0-446.688505 199.989847-446.688505 446.688505s199.989847 446.688505 446.688505 446.688505S958.688505 758.699682 958.688505 512 758.698658 65.311495 512 65.311495zM309.953308 567.255465c-30.517037 0-55.255465-24.738427-55.255465-55.255465s24.738427-55.255465 55.255465-55.255465 55.255465 24.738427 55.255465 55.255465S340.470345 567.255465 309.953308 567.255465zM512 567.255465c-30.517037 0-55.255465-24.738427-55.255465-55.255465s24.738427-55.255465 55.255465-55.255465c30.517037 0 55.255465 24.738427 55.255465 55.255465S542.517037 567.255465 512 567.255465zM714.046692 567.255465c-30.517037 0-55.255465-24.738427-55.255465-55.255465s24.738427-55.255465 55.255465-55.255465 55.255465 24.738427 55.255465 55.255465S744.56373 567.255465 714.046692 567.255465z"
fill="#FFFFFF"
></path>
</svg>
<p className="text-white text-base font-medium whitespace-nowrap">
其他支付
</p>
</div>
</div>
) : (
<div className="basis-1/2 px-2">
<div
onClick={() => createOrder("wxpay_h5")}
@ -317,6 +327,7 @@ export default function Pay() {
</p>
</div>
</div>
)}
</div>
<p className="text-secondary text-xs font-medium mt-4 text-center mb-1">
确认购买即视为同意

View File

@ -10,16 +10,8 @@ import { useRouter } from "next/navigation";
export default function Vip() {
const router = useRouter();
const alipayBlock = () => {
const base = webviewBaseRequest();
if (base?.b_mid === 161) {
createOrder("alipay_h5");
return;
}
Toast.show({
content: "支付渠道维护升级中请24小时后再试",
});
};
//
const [isPaymentHided, setIsPaymentHided] = useState(true);
//vip
const [isVip, setIsVip] = useState(false);
@ -310,6 +302,24 @@ export default function Vip() {
</p>
</div>
</div>
{isPaymentHided ? (
<div className="basis-1/2 px-2">
<div
onClick={() => setIsPaymentHided(false)}
className="flex flex-row cursor-pointer gap-1.5 h-11 items-center justify-center bg-[#2E2E2E] rounded-full"
>
<svg viewBox="0 0 1024 1024" width="18" height="18">
<path
d="M512 65.311495c-246.699682 0-446.688505 199.989847-446.688505 446.688505s199.989847 446.688505 446.688505 446.688505S958.688505 758.699682 958.688505 512 758.698658 65.311495 512 65.311495zM309.953308 567.255465c-30.517037 0-55.255465-24.738427-55.255465-55.255465s24.738427-55.255465 55.255465-55.255465 55.255465 24.738427 55.255465 55.255465S340.470345 567.255465 309.953308 567.255465zM512 567.255465c-30.517037 0-55.255465-24.738427-55.255465-55.255465s24.738427-55.255465 55.255465-55.255465c30.517037 0 55.255465 24.738427 55.255465 55.255465S542.517037 567.255465 512 567.255465zM714.046692 567.255465c-30.517037 0-55.255465-24.738427-55.255465-55.255465s24.738427-55.255465 55.255465-55.255465 55.255465 24.738427 55.255465 55.255465S744.56373 567.255465 714.046692 567.255465z"
fill="#FFFFFF"
></path>
</svg>
<p className="text-white text-base font-medium whitespace-nowrap">
其他支付
</p>
</div>
</div>
) : (
<div className="basis-1/2 px-2">
<div
onClick={() => createOrder("wxpay_h5")}
@ -326,6 +336,7 @@ export default function Vip() {
</p>
</div>
</div>
)}
</div>
<p className="text-secondary text-xs font-medium mt-4 text-center mb-1">
确认购买即视为同意

View File

@ -11,6 +11,9 @@ import { useRouter } from "next/navigation";
export default function Pay({ params }) {
const router = useRouter();
//
const [isPaymentHided, setIsPaymentHided] = useState(true);
//
const [data, setData] = useState({});
//
@ -328,6 +331,24 @@ export default function Pay({ params }) {
</p>
</div>
</div>
{isPaymentHided ? (
<div className="basis-1/2 px-2">
<div
onClick={() => setIsPaymentHided(false)}
className="flex flex-row cursor-pointer gap-1.5 h-11 items-center justify-center bg-[#2E2E2E] rounded-full"
>
<svg viewBox="0 0 1024 1024" width="18" height="18">
<path
d="M512 65.311495c-246.699682 0-446.688505 199.989847-446.688505 446.688505s199.989847 446.688505 446.688505 446.688505S958.688505 758.699682 958.688505 512 758.698658 65.311495 512 65.311495zM309.953308 567.255465c-30.517037 0-55.255465-24.738427-55.255465-55.255465s24.738427-55.255465 55.255465-55.255465 55.255465 24.738427 55.255465 55.255465S340.470345 567.255465 309.953308 567.255465zM512 567.255465c-30.517037 0-55.255465-24.738427-55.255465-55.255465s24.738427-55.255465 55.255465-55.255465c30.517037 0 55.255465 24.738427 55.255465 55.255465S542.517037 567.255465 512 567.255465zM714.046692 567.255465c-30.517037 0-55.255465-24.738427-55.255465-55.255465s24.738427-55.255465 55.255465-55.255465 55.255465 24.738427 55.255465 55.255465S744.56373 567.255465 714.046692 567.255465z"
fill="#FFFFFF"
></path>
</svg>
<p className="text-white text-base font-medium whitespace-nowrap">
其他支付
</p>
</div>
</div>
) : (
<div className="basis-1/2 px-2">
<div
onClick={() => createOrder("wxpay_h5")}
@ -344,6 +365,7 @@ export default function Pay({ params }) {
</p>
</div>
</div>
)}
</div>
<p className="text-secondary text-xs font-medium mt-4 text-center mb-1">
确认购买即视为同意