This commit is contained in:
hyper
2026-03-17 12:10:43 +08:00
8 changed files with 979 additions and 416 deletions
+1 -11
View File
@@ -104,7 +104,6 @@ export default function MdTokenViewer(props: TokenViewerProps) {
// 初始化 Three.js 场景
onMount(() => {
const viewerEl = viewerRef();
console.log("Viewer element:", viewerEl);
if (!viewerEl) return;
// 创建场景
@@ -163,17 +162,9 @@ export default function MdTokenViewer(props: TokenViewerProps) {
isDragging = false;
};
const handleWheel = (e: WheelEvent) => {
if (!camera) return;
const zoomSpeed = 0.5;
camera.position.multiplyScalar(e.deltaY > 0 ? 1 + zoomSpeed : 1 - zoomSpeed);
};
viewerEl.addEventListener("mousedown", handleMouseDown);
document.addEventListener("mousemove", handleMouseMove);
document.addEventListener("mouseup", handleMouseUp);
viewerEl.addEventListener("wheel", handleWheel);
// 动画循环
const animate = () => {
@@ -193,7 +184,6 @@ export default function MdTokenViewer(props: TokenViewerProps) {
viewerEl.removeEventListener("mousedown", handleMouseDown);
document.removeEventListener("mousemove", handleMouseMove);
document.removeEventListener("mouseup", handleMouseUp);
viewerEl.removeEventListener("wheel", handleWheel);
if (renderer) {
renderer.dispose();
@@ -216,7 +206,7 @@ export default function MdTokenViewer(props: TokenViewerProps) {
style={{ "min-height": "200px" }}
>
<div class="absolute top-2 left-2 z-10 bg-black/50 text-white text-xs px-2 py-1 rounded">
|
</div>
<Show when={error()}>
<div class="absolute inset-0 flex items-center justify-center bg-black/50 text-white">