|
@@ -10,12 +10,15 @@ function B1Village() {
|
|
|
const location = useLocation();
|
|
|
|
|
|
const [uId, setUid] = useState("");
|
|
|
- const [curScene, setCurScene] = useState('scene_zlc');
|
|
|
- const [hotspotHoverName, setHotspotHoverName] = useState('');
|
|
|
+ const [curScene, setCurScene] = useState("scene_zlc");
|
|
|
+ const [hotspotHoverName, setHotspotHoverName] = useState("");
|
|
|
const villageData = useSelector(
|
|
|
(state: RootState) => state.A0Layout.dataAll.village
|
|
|
);
|
|
|
- const curVillage = useMemo(() => villageData.find(i => i.id === Number(uId)) || villageData[0], [uId, villageData])
|
|
|
+ const curVillage = useMemo(
|
|
|
+ () => villageData.find((i) => i.id === Number(uId)) || villageData[0],
|
|
|
+ [uId, villageData]
|
|
|
+ );
|
|
|
|
|
|
const architec = useSelector(
|
|
|
(state: RootState) => state.A0Layout.dataAll.architec
|
|
@@ -30,15 +33,17 @@ function B1Village() {
|
|
|
|
|
|
return (
|
|
|
<div className={styles.B1Village}>
|
|
|
- <Krpano className={styles.villageKrpano}
|
|
|
+ <Krpano
|
|
|
+ className={styles.villageKrpano}
|
|
|
xml="/scene.xml"
|
|
|
currentScene={curScene}
|
|
|
- >
|
|
|
- {curVillage.info.map(item => {
|
|
|
+ >
|
|
|
+ {curVillage.info.map((item) => {
|
|
|
const name = `hotspot${item.id}`;
|
|
|
|
|
|
return (
|
|
|
- <HotSpot key={name}
|
|
|
+ <HotSpot
|
|
|
+ key={name}
|
|
|
name={name}
|
|
|
type="text"
|
|
|
// @ts-ignore
|
|
@@ -50,14 +55,19 @@ function B1Village() {
|
|
|
distorted={true}
|
|
|
onClick={() => alert("点击了 " + name)}
|
|
|
onOver={() => setHotspotHoverName(name)}
|
|
|
- onOut={() => setHotspotHoverName('')}
|
|
|
+ onOut={() => setHotspotHoverName("")}
|
|
|
>
|
|
|
- <div className={classNames(name === hotspotHoverName && styles.hotspotActive, styles.hotspot)}>
|
|
|
+ <div
|
|
|
+ className={classNames(
|
|
|
+ name === hotspotHoverName && styles.hotspotActive,
|
|
|
+ styles.hotspot
|
|
|
+ )}
|
|
|
+ >
|
|
|
<span className={styles.hotspotLabel}>建筑名</span>
|
|
|
<div className={styles.hotspotPointer} />
|
|
|
</div>
|
|
|
</HotSpot>
|
|
|
- )
|
|
|
+ );
|
|
|
})}
|
|
|
</Krpano>
|
|
|
|