yangchunjin/SoonDesign
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

优化调整辅助线等

Browse Source
This commit is contained in:
24kycj
2025-12-10 01:40:03 +08:00
parent 378593047d
commit 026d564c92
8 changed files with 1591 additions and 965 deletions
Download Patch File Download Diff File Expand all files Collapse all files
design2.html
+26 -7
View File
@@ -21,9 +21,12 @@
top: 0;
left: 0;
height: 20px;
background-color: #2C2C2C;
border-bottom: 1px solid #1E1E1E;
/* 改为更明显的颜色，不透明度提高到 0.9 */
background-color: rgba(44, 44, 44, 0.9) !important;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
z-index: 1000;
/* 鼠标移上去显示上下调整箭头，提示可拖拽 */
cursor: row-resize;
}
.ruler-vertical {
@@ -31,9 +34,12 @@
top: 0;
left: 0;
width: 20px;
background-color: #2C2C2C;
border-right: 1px solid #1E1E1E;
/* 改为更明显的颜色，不透明度提高到 0.9 */
background-color: rgba(44, 44, 44, 0.9) !important;
border-right: 1px solid rgba(255, 255, 255, 0.2);
z-index: 1000;
/* 鼠标移上去显示左右调整箭头 */
cursor: col-resize;
}
.ruler-corner {
@@ -42,15 +48,28 @@
left: 0;
width: 20px;
height: 20px;
background-color: #2C2C2C;
border-right: 1px solid #1E1E1E;
border-bottom: 1px solid #1E1E1E;
background-color: rgba(44, 44, 44, 0.9) !important;
border-right: 1px solid rgba(255, 255, 255, 0.2);
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
z-index: 1001;
}
.canvas-wrapper {
position: relative;
}
/* 拖拽过程中的辅助线样式 */
.guide-line-drag {
position: absolute;
background-color: #0066FF;
/* 深蓝色高亮 */
z-index: 9999;
pointer-events: none;
/* 让鼠标穿透，不影响拖拽事件 */
box-shadow: 0 0 6px #0066FF;
/* 增强发光效果 */
opacity: 0.9;
}
</style>
</head>