From 016dbbb63d5830b6bad67ad003936b798f3fbc7d Mon Sep 17 00:00:00 2001 From: HuangHai <10402852@qq.com> Date: Tue, 9 Sep 2025 14:07:51 +0800 Subject: [PATCH] 'commit' --- dsLightRag/XingJun/move.html | 200 +++++++++++++++++++++++++---------- 1 file changed, 145 insertions(+), 55 deletions(-) diff --git a/dsLightRag/XingJun/move.html b/dsLightRag/XingJun/move.html index 6d26fc03..1fb9037c 100644 --- a/dsLightRag/XingJun/move.html +++ b/dsLightRag/XingJun/move.html @@ -10,15 +10,13 @@ padding: 0; height: 100vh; display: flex; - flex-direction: column; - align-items: center; - justify-content: center; background-color: #f0f0f0; + overflow: hidden; } .background-container { position: relative; - width: 100%; + flex: 1; height: 100vh; background-image: url('D:\\dsWork\\dsProject\\dsLightRag\\XingJun\\background.png'); background-position: center; @@ -27,64 +25,156 @@ z-index: 1; } - + /* 控制面板样式 */ + .control-panel { + width: 200px; + background-color: #fff; + border-left: 1px solid #ccc; + padding: 20px; + height: 100vh; + box-sizing: border-box; + z-index: 2; + overflow-y: auto; + } + + .control-section { + margin-bottom: 30px; + } + + .control-section h3 { + margin-top: 0; + padding-bottom: 10px; + border-bottom: 1px solid #eee; + } + + /* 图片选择按钮样式 */ + .image-selector { + display: grid; + grid-template-columns: repeat(2, 1fr); + gap: 10px; + margin-top: 15px; + } + + .image-btn { + width: 70px; + height: 70px; + border: 2px solid #ddd; + border-radius: 4px; + cursor: pointer; + overflow: hidden; + transition: all 0.2s; + background-size: contain; + background-repeat: no-repeat; + background-position: center; + } + + .image-btn:hover { + border-color: #4CAF50; + transform: scale(1.05); + } + + .image-btn:active { + transform: scale(0.98); + } + + /* 箭头图片样式 */ + .arrow-image { + position: absolute; + width: 155px; + height: 173px; + background-size: contain; + background-repeat: no-repeat; + z-index: 2; + cursor: move; + }
- -
-
- - -
-
- - -
+
+ + +
+
+

增加箭头

+
+
+
+
+
+
+
- +