From 64a1ad7ad26cd5c95bcfa4e622948077f6da4707 Mon Sep 17 00:00:00 2001 From: yiqiu Date: Fri, 21 Nov 2025 22:48:21 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BD=A0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- css/index.css | 10 +++++----- js/globe.js | 4 ++-- 2 files changed, 7 insertions(+), 7 deletions(-) diff --git a/css/index.css b/css/index.css index d8c8113..160443e 100644 --- a/css/index.css +++ b/css/index.css @@ -76,9 +76,9 @@ top: 50%; right: 6%; /* 略向中间移动一点,留出更大的展示区域 */ transform: translateY(-50%); - /* 缩小一点,避免球体超出可视区域 */ - width: 360px; - height: 360px; + /* 大幅缩小球体显示区域 */ + width: 220px; + height: 220px; z-index: 20; /* 高于轮播图与文案层 */ pointer-events: none; /* 不影响轮播图滑动与点击 */ } @@ -87,8 +87,8 @@ @media (max-width: 1400px) { .banner-globe { right: 4%; - width: 320px; - height: 320px; + width: 200px; + height: 200px; } } diff --git a/js/globe.js b/js/globe.js index 6ffd9f0..726459b 100644 --- a/js/globe.js +++ b/js/globe.js @@ -28,8 +28,8 @@ var scene = new THREE.Scene(); var camera = new THREE.PerspectiveCamera(40, width / height, 0.1, 1000); - // 稍微偏右俯视一点,拉远一点避免球体被裁剪 - camera.position.set(0, 0.3, 4.8); + // 稍微偏右俯视一点,进一步拉远让球体看起来更小 + camera.position.set(0, 0.3, 8.0); camera.lookAt(0, 0, 0); var renderer = new THREE.WebGLRenderer({ antialias: true, alpha: true });