Merge pull request '增加与iframe的事件通信' (#46) from main into space_domain

Reviewed-on: https://git.wishpal.cn/wishpal_ironfan/tiefen_space_h5/pulls/46
This commit is contained in:
yezian 2025-03-17 19:44:41 +08:00
commit aa39f0030c
1 changed files with 19 additions and 3 deletions

View File

@ -1,12 +1,28 @@
"use client"; "use client";
import React from "react"; import React, { useEffect } from "react";
import { useRouter, useParams } from "next/navigation"; import { useRouter, useParams } from "next/navigation";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { faAngleLeft } from "@fortawesome/free-solid-svg-icons";
export default function WebView() { export default function WebView() {
const { src } = useParams(); const { src } = useParams();
const router = useRouter(); const router = useRouter();
useEffect(() => {
// 添加消息事件监听器
const handleMessage = (event) => {
if (event.data && event.data.type === "navigation" && event.data.url) {
router.push(event.data.url);
}
};
window.addEventListener("message", handleMessage);
// 清理函数
return () => {
window.removeEventListener("message", handleMessage);
};
}, [router]);
return ( return (
<div> <div>
{/* <div className="p-4 fixed top-0 z-10 w-full"> {/* <div className="p-4 fixed top-0 z-10 w-full">