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

Web 端数据交互与 design2 布局修复

Browse Source 
统一门户 JSON 契约：新增 GET /templates/{id}，模板/云文件/保存/打开走虚拟 key；
layer 保存弹层替代 prompt，本地 .soon 已登录后台 POST 登记；修复保存静默失败与 design2 全宽布局。

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
24kycj
2026-06-09 01:20:34 +08:00
parent ebe191b06d
commit 877fd278c2
27 changed files with 1232 additions and 326 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend-web/assets/css/design.css
+24 -7
View File
@@ -13,10 +13,10 @@ img {
padding: 0 !important;
height: 100%;
}
.col-left{
body:not(.soon-design-page) .col-left{
margin-right: 320px;
}
.col-right{
body:not(.soon-design-page) .col-right{
float: right;
height: 100%;
width: 320px;
@@ -419,6 +419,13 @@ textarea:hover{
}
/* ── Web 设计页：design1 / design2 统一视口布局（无页面滚动） ── */
html:has(body.soon-design-page),
body.soon-design-page,
body.soon-design-page .layui-fluid.main,
body.soon-design-page .layui-row {
width: 100%;
}
html:has(body.soon-design-page) {
height: 100%;
overflow: hidden;
@@ -437,8 +444,9 @@ body.soon-design-page {
-webkit-font-smoothing: antialiased;
}
body.soon-design-page .soon-design-portal-bar,
body.soon-design-page .soon-portal-topbar {
position: static;
position: static !important;
width: 100%;
flex-shrink: 0;
}
@@ -453,7 +461,7 @@ body.soon-design-page .layui-fluid.main {
height: auto !important;
overflow: hidden;
padding: 0 !important;
display: flex;
display: flex !important;
flex-direction: column;
}
@@ -706,10 +714,19 @@ body.soon-design-page .guide-line-drag {
opacity: 0.9;
}
body.soon-design-page #source_front,
body.soon-design-page #source_front2,
body.soon-design-page #source_back {
body.soon-design-page.soon-design--type1 #source_front,
body.soon-design-page.soon-design--type1 #source_front2,
body.soon-design-page.soon-design--type1 #source_back {
width: 2787px;
height: 2787px;
border-radius: 50%;
}
body.soon-design-page.soon-design--type2 #source_front,
body.soon-design-page.soon-design--type2 #source_front2,
body.soon-design-page.soon-design--type2 #source_back {
width: auto;
height: auto;
max-width: none;
border-radius: 0;
}
frontend-web/assets/css/layer-soon.css
+50 -24
View File
@@ -20,6 +20,31 @@
color: var(--soon-text) !important;
}
/* layui 关闭/状态图标为深色 sprite，深底上需反色 */
.layui-layer.soon-layer .layui-layer-setwin .layui-layer-ico,
.layui-layer-soon-layer .layui-layer-setwin .layui-layer-ico,
.layui-layer.soon-layer .layui-layer-ico.layui-layer-close,
.layui-layer-soon-layer .layui-layer-ico.layui-layer-close {
filter: brightness(0) invert(1);
opacity: 0.88;
}
.layui-layer.soon-layer .layui-layer-setwin .layui-layer-ico:hover,
.layui-layer-soon-layer .layui-layer-setwin .layui-layer-ico:hover {
opacity: 1;
}
.layui-layer.soon-layer.layui-layer-dialog .layui-layer-content .layui-layer-ico,
.layui-layer-soon-layer.layui-layer-dialog .layui-layer-content .layui-layer-ico {
filter: brightness(0) invert(1);
opacity: 0.85;
}
.layui-layer.soon-layer .layui-layer-content font,
.layui-layer-soon-layer .layui-layer-content font {
color: inherit !important;
}
.layui-layer.soon-layer.soon-layer--pay .layui-layer-content,
.layui-layer-soon-layer.soon-layer--pay .layui-layer-content {
overflow: visible !important;
@@ -104,13 +129,33 @@
}
.layui-layer-dialog .layui-layer-content {
background-color: var(--soon-bg-panel);
color: var(--soon-text);
background-color: var(--soon-bg-panel) !important;
color: var(--soon-text) !important;
}
.layui-layer-dialog .layui-layer-title {
background-color: var(--soon-bg-elevated);
color: var(--soon-text-strong);
border-bottom: 1px solid var(--soon-border-subtle);
background-color: var(--soon-bg-elevated) !important;
color: var(--soon-text-strong) !important;
border-bottom: 1px solid var(--soon-border-subtle) !important;
}
body.soon-design-page .layui-layer .layui-layer-title {
background-color: var(--soon-bg-elevated) !important;
color: var(--soon-text-strong) !important;
border-bottom: 1px solid var(--soon-border-subtle) !important;
}
body.soon-design-page .layui-layer .layui-layer-content {
color: var(--soon-text) !important;
}
body.soon-design-page .layui-layer .layui-layer-setwin .layui-layer-ico {
filter: brightness(0) invert(1);
opacity: 0.88;
}
body.soon-design-page .layui-layer .layui-layer-setwin .layui-layer-ico:hover {
opacity: 1;
}
.layui-layer.soon-toast,
@@ -188,22 +233,3 @@
color: var(--soon-text-strong) !important;
border-radius: var(--soon-radius-sm) !important;
}
.soon-design-portal-bar {
position: fixed;
top: 0;
left: 0;
right: 0;
height: 60px;
z-index: 10000;
flex-shrink: 0;
}
body.soon-design-page {
padding-top: 60px !important;
box-sizing: border-box;
}
body.soon-design-page .layui-fluid {
height: calc(100% - 60px) !important;
}