feat: hotspot

package.json

@@ -2,6 +2,7 @@
   "name": "zh-chxs-pano",
   "version": "0.1.0",
   "private": true,
+  "homepage": ".",
   "dependencies": {
     "@ahooksjs/use-url-state": "^3.5.1",
     "@better-scroll/core": "^2.5.1",

src/components/SceneList/index.tsx

@@ -25,6 +25,7 @@ export const SceneList: FC<SceneListProps> = ({
     if (visible && !loaded.current) {
       new BScroll(".scene-list-swiper", {
         scrollX: true,
+        click: true,
       });
     }
   }, [visible]);

src/index.tsx

@@ -1,11 +1,11 @@
 import React from "react";
 import ReactDOM from "react-dom/client";
 import App from "./App";
-import { createBrowserRouter, RouterProvider } from "react-router-dom";
+import { createHashRouter, RouterProvider } from "react-router-dom";
 // import reportWebVitals from './reportWebVitals';
 import "./index.css";
 
-const router = createBrowserRouter([
+const router = createHashRouter([
   {
     path: "/",
     element: <App />,