feat: 拖拽上传、图片缩放预览及新功能脚手架
- EcommercePage/WorkbenchPage 增加页面级拖拽文件上传支持 - 上传图片悬停缩放预览效果 - Workbench 参考素材增加图片/视频缩放预览 - CanvasPage 连接菜单位置微调 (-40) - script-tokens-v5 文本溢出省略号修复 - 新增: CookieConsentBanner, CompliancePage, 电商面板组件, generation store/hooks/service
This commit is contained in:
@@ -3153,7 +3153,13 @@
|
||||
.product-clone-uploaded-thumb:hover .uploaded-image-zoom,
|
||||
.product-clone-uploaded-thumb:focus-within .uploaded-image-zoom,
|
||||
.clone-ai-replicate-preview figure:hover .uploaded-image-zoom,
|
||||
.clone-ai-replicate-preview figure:focus-within .uploaded-image-zoom {
|
||||
.clone-ai-replicate-preview figure:focus-within .uploaded-image-zoom,
|
||||
.product-set-main-card:hover .uploaded-image-zoom,
|
||||
.product-set-main-card:focus-within .uploaded-image-zoom,
|
||||
.clone-ai-main-result:hover .uploaded-image-zoom,
|
||||
.clone-ai-main-result:focus-within .uploaded-image-zoom,
|
||||
.product-detail-source-stack figure:hover .uploaded-image-zoom,
|
||||
.product-detail-source-stack figure:focus-within .uploaded-image-zoom {
|
||||
opacity: 1;
|
||||
transform: translate(-50%, 0) scale(1);
|
||||
visibility: visible;
|
||||
@@ -4548,6 +4554,7 @@
|
||||
}
|
||||
|
||||
.product-set-main-card {
|
||||
position: relative;
|
||||
height: 336px;
|
||||
}
|
||||
|
||||
@@ -5578,8 +5585,9 @@
|
||||
}
|
||||
|
||||
.product-detail-source-stack figure {
|
||||
position: relative;
|
||||
margin: 0;
|
||||
overflow: hidden;
|
||||
overflow: visible;
|
||||
background: #eef2f7;
|
||||
}
|
||||
|
||||
@@ -8081,6 +8089,8 @@
|
||||
.ecommerce-template-apple-carousel.is-resetting .ecommerce-template-apple-card,
|
||||
.ecommerce-template-apple-carousel.is-resetting .ecommerce-template-apple-card img {
|
||||
transition: none;
|
||||
}
|
||||
|
||||
.clone-ai-video-outfit-upload {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@@ -8967,3 +8977,31 @@
|
||||
padding-top: 14px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ─── Page Drag-and-Drop Overlay ─── */
|
||||
.product-clone-page.is-page-dragging {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.ecommerce-drag-overlay {
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
border: 2px dashed rgba(0, 255, 136, 0.5);
|
||||
border-radius: 14px;
|
||||
background: rgba(0, 255, 136, 0.06);
|
||||
color: rgba(0, 255, 136, 0.9);
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
letter-spacing: 0.02em;
|
||||
z-index: 100;
|
||||
pointer-events: none;
|
||||
animation: ecommerce-drag-pulse 1.2s ease-in-out infinite;
|
||||
}
|
||||
|
||||
@keyframes ecommerce-drag-pulse {
|
||||
0%, 100% { border-color: rgba(0, 255, 136, 0.5); }
|
||||
50% { border-color: rgba(0, 255, 136, 0.8); }
|
||||
}
|
||||
|
||||
@@ -2802,6 +2802,10 @@
|
||||
color: #e9fff5;
|
||||
font-size: 14px;
|
||||
line-height: 1.25;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
max-width: 8em;
|
||||
}
|
||||
|
||||
.script-eval-v5-uf-size {
|
||||
|
||||
Reference in New Issue
Block a user