diff --git a/dsLightRag/XingJun/blueArrow.png b/dsLightRag/XingJun/blueArrow.png new file mode 100644 index 00000000..5b277dec Binary files /dev/null and b/dsLightRag/XingJun/blueArrow.png differ diff --git a/dsLightRag/XingJun/move.html b/dsLightRag/XingJun/move.html index 245e7f9c..5c0c011d 100644 --- a/dsLightRag/XingJun/move.html +++ b/dsLightRag/XingJun/move.html @@ -27,469 +27,29 @@ z-index: 1; } - /* 右侧控制面板样式 - 完全重构 */ - .control-panel { - position: fixed; - top: 0; - right: 0; /* 确保面板固定在右侧 */ - width: 350px; /* 增加工具栏宽度 */ - height: 100vh; - background-color: rgba(245, 245, 245, 0.95); /* 半透明背景 */ - border-left: 2px solid #4CAF50; - padding: 20px; - box-sizing: border-box; - overflow-y: auto; - z-index: 1000; /* 确保在最上层 */ - box-shadow: -2px 0 10px rgba(0,0,0,0.1); /* 添加阴影区分 */ - } - - .control-group { - margin-bottom: 30px; - padding-bottom: 20px; - border-bottom: 1px solid #eee; - } - - .horizontal-controls { - display: flex; - gap: 10px; - } - - .horizontal-controls button { - width: 50%; - } - .group-title { - margin-top: 0; - color: #333; - border-bottom: 2px solid #4CAF50; - padding-bottom: 8px; - margin-bottom: 15px; - } - - button { - padding: 10px 20px; - font-size: 16px; - cursor: pointer; - background-color: #4CAF50; - color: white; - border: none; - border-radius: 5px; - transition: background-color 0.3s; - width: 100%; - margin-bottom: 10px; - } - - button:hover:not(:disabled) { - background-color: #45a049; - } - - button:disabled { - background-color: #cccccc; - cursor: not-allowed; - } - - .rotation-control-item, - .length-control-item { - margin-bottom: 15px; - } - - label { - display: block; - margin-bottom: 5px; - color: #666; - } - - input[type="number"] { - width: calc(100% - 90px); /* 根据新宽度调整输入框比例 */ - padding: 8px; - border: 1px solid #ddd; - border-radius: 4px; - margin-right: 5px; - } - - .apply-rotation-btn { - width: 80px; - padding: 8px; - font-size: 14px; - } - - .arrow-container { - position: absolute; - width: 100%; - height: 100%; - top: 0; - left: 0; - pointer-events: none; - } - - .arrow { - position: absolute; - cursor: grab; - transition: transform 0s; - pointer-events: auto; - } +
-
- - - - - - - -
- - -
- -
-

动画控制

- -
- - -
-

位置管理

-
- - -
-
- - -
-

旋转控制

-
- - - -
-
- - - -
-
- - -
-

移动长度控制

-
- - -
-
- - -
-
+ +
+ - - \ No newline at end of file + + diff --git a/dsLightRag/XingJun/redArraw.png b/dsLightRag/XingJun/redArraw.png new file mode 100644 index 00000000..d9aa76e1 Binary files /dev/null and b/dsLightRag/XingJun/redArraw.png differ diff --git a/dsLightRag/XingJun/各种各样的红色箭头.png b/dsLightRag/XingJun/各种各样的红色箭头.png new file mode 100644 index 00000000..548017c8 Binary files /dev/null and b/dsLightRag/XingJun/各种各样的红色箭头.png differ diff --git a/dsLightRag/XingJun/蓝色箭头.png b/dsLightRag/XingJun/蓝色箭头.png new file mode 100644 index 00000000..5b277dec Binary files /dev/null and b/dsLightRag/XingJun/蓝色箭头.png differ