diff --git a/components/angle-edit-dialog.tsx b/components/angle-edit-dialog.tsx index 838f36f59..5aa4d7f61 100644 --- a/components/angle-edit-dialog.tsx +++ b/components/angle-edit-dialog.tsx @@ -188,7 +188,7 @@ export function AngleEditDialog({ return ( {/* 紧凑标题栏 */} -
+
@@ -225,7 +225,7 @@ export function AngleEditDialog({
{/* 左侧:3D 控制区 (固定宽度 340px) */} -
+
{/* 上部内容区域 - 可伸缩 */}
{/* QwenCameraWidget - 包含 Canvas 和 3个角度选择器 */} @@ -292,7 +292,7 @@ export function AngleEditDialog({
{/* 右侧:预览区 (自适应) */} -
+
setActiveTab(v as any)} className="flex-1 flex flex-col">
@@ -350,7 +350,7 @@ export function AngleEditDialog({ className="max-w-full max-h-full object-contain animate-in fade-in zoom-in-95 duration-300" />
- diff --git a/components/qwen-camera-widget.tsx b/components/qwen-camera-widget.tsx index f5862d803..7c6cb04f8 100644 --- a/components/qwen-camera-widget.tsx +++ b/components/qwen-camera-widget.tsx @@ -173,8 +173,8 @@ export function QwenCameraWidget({ // 场景 const scene = new THREE.Scene(); - // 移除背景色,使用透明背景 - // scene.background = new THREE.Color(0x0a0a0f); + // 固定为不透明背景,避免弹窗出现透底 + scene.background = new THREE.Color(0x111827); sceneRef.current = scene; // 相机 @@ -190,7 +190,7 @@ export function QwenCameraWidget({ const renderer = new THREE.WebGLRenderer({ canvas: canvasRef.current, antialias: true, - alpha: true, // 启用透明 + alpha: false, }); renderer.setSize(width, height); renderer.setPixelRatio(Math.min(window.devicePixelRatio, 2)); @@ -590,9 +590,9 @@ export function QwenCameraWidget({ }; return ( -
+
{/* 3D 画布 - 占据剩余空间 */} -
+
{/* 提示词浮层 - 放在底部 */} -
+
{generatePrompt(state)}