tenghui-ui 2.5.16 → 2.5.17
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/style.css
CHANGED
|
@@ -13,4 +13,4 @@
|
|
|
13
13
|
* https://quilljs.com/
|
|
14
14
|
* Copyright (c) 2014, Jason Chen
|
|
15
15
|
* Copyright (c) 2013, salesforce.com
|
|
16
|
-
*/.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container.ql-disabled .ql-editor ul[data-checked]>li:before{pointer-events:none}.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;line-height:1.42;height:100%;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor>*{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor ul,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0;counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol,.ql-editor ul{padding-left:1.5em}.ql-editor ol>li,.ql-editor ul>li{list-style-type:none}.ql-editor ul>li:before{content:"\2022"}.ql-editor ul[data-checked=true],.ql-editor ul[data-checked=false]{pointer-events:none}.ql-editor ul[data-checked=true]>li *,.ql-editor ul[data-checked=false]>li *{pointer-events:all}.ql-editor ul[data-checked=true]>li:before,.ql-editor ul[data-checked=false]>li:before{color:#777;cursor:pointer;pointer-events:all}.ql-editor ul[data-checked=true]>li:before{content:"\2611"}.ql-editor ul[data-checked=false]>li:before{content:"\2610"}.ql-editor li:before{display:inline-block;white-space:nowrap;width:1.2em}.ql-editor li:not(.ql-direction-rtl):before{margin-left:-1.5em;margin-right:.3em;text-align:right}.ql-editor li.ql-direction-rtl:before{margin-left:.3em;margin-right:-1.5em}.ql-editor ol li:not(.ql-direction-rtl),.ql-editor ul li:not(.ql-direction-rtl){padding-left:1.5em}.ql-editor ol li.ql-direction-rtl,.ql-editor ul li.ql-direction-rtl{padding-right:1.5em}.ql-editor ol li{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-0}.ql-editor ol li:before{content:counter(list-0,decimal) ". "}.ql-editor ol li.ql-indent-1{counter-increment:list-1}.ql-editor ol li.ql-indent-1:before{content:counter(list-1,lower-alpha) ". "}.ql-editor ol li.ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-2{counter-increment:list-2}.ql-editor ol li.ql-indent-2:before{content:counter(list-2,lower-roman) ". "}.ql-editor ol li.ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-3{counter-increment:list-3}.ql-editor ol li.ql-indent-3:before{content:counter(list-3,decimal) ". "}.ql-editor ol li.ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-4{counter-increment:list-4}.ql-editor ol li.ql-indent-4:before{content:counter(list-4,lower-alpha) ". "}.ql-editor ol li.ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-5{counter-increment:list-5}.ql-editor ol li.ql-indent-5:before{content:counter(list-5,lower-roman) ". "}.ql-editor ol li.ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-6{counter-increment:list-6}.ql-editor ol li.ql-indent-6:before{content:counter(list-6,decimal) ". "}.ql-editor ol li.ql-indent-6{counter-reset:list-7 list-8 list-9}.ql-editor ol li.ql-indent-7{counter-increment:list-7}.ql-editor ol li.ql-indent-7:before{content:counter(list-7,lower-alpha) ". "}.ql-editor ol li.ql-indent-7{counter-reset:list-8 list-9}.ql-editor ol li.ql-indent-8{counter-increment:list-8}.ql-editor ol li.ql-indent-8:before{content:counter(list-8,lower-roman) ". "}.ql-editor ol li.ql-indent-8{counter-reset:list-9}.ql-editor ol li.ql-indent-9{counter-increment:list-9}.ql-editor ol li.ql-indent-9:before{content:counter(list-9,decimal) ". "}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor.ql-blank:before{color:#0009;content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}[data-v-4309f316] .el-dialog__header{border-bottom:1px solid #ededed;cursor:move}[data-v-4309f316] .el-dialog__header .el-dialog__title{font-size:16px}[data-v-4309f316] .el-dialog__footer{border-top:1px solid #ededed}[data-v-4309f316] .el-dialog__body .el-form .el-select,[data-v-4309f316] .el-dialog__body .el-form .el-input,[data-v-4309f316] .el-dialog__body .el-form .el-input-number{width:240px}[data-v-4309f316] .el-dialog__body .el-form .el-input-number .el-input__inner{text-align:left}[data-v-4309f316] .el-dialog__body .el-form .ui-item__main{width:100%}[data-v-4309f316] .el-dialog__body .el-form .el-form-item__label{font-size:12px}[data-v-4309f316] .el-dialog__body .el-form .el-input--small .el-input__icon{height:32px}.chat--item[data-v-4309f316]{margin:0 5px 10px;display:flex;align-items:start}.chat--item .chat--flag[data-v-4309f316]{width:40px;height:40px;border-radius:50%;border:1px solid #43bd85;font-size:12px;text-align:center;display:flex;justify-content:center;align-items:center}.chat--item pre[data-v-4309f316]{color:#fff;background-color:#43bd85;box-shadow:0 0 4px #aaa;border-radius:6px;padding:10px;margin:4px 10px 0;text-wrap:auto;max-width:346px}.chat--ai[data-v-4309f316]{flex-direction:row-reverse}.chat--ai .chat--flag[data-v-4309f316]{color:#fff;border-color:#4d6bfe}.chat--ai pre[data-v-4309f316]{background-color:#4d6bfe;color:#fff}.sku-comparison[data-v-8733fc5a]{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;height:100%;display:flex;flex-direction:column;background:#f0f2f5;padding:16px;outline:none}.header[data-v-8733fc5a]{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:white;border-radius:4px;margin-bottom:16px;box-shadow:0 1px 3px #0000001a}.sku-info[data-v-8733fc5a]{display:flex;align-items:center;gap:20px}.sku-code[data-v-8733fc5a]{font-size:18px;font-weight:600;color:#333}.image-counter[data-v-8733fc5a]{font-size:14px;color:#666;background:#f5f5f5;padding:4px 10px;border-radius:12px}.keyboard-hints[data-v-8733fc5a]{display:flex;gap:16px}.hint-item[data-v-8733fc5a]{display:flex;align-items:center;gap:6px}.key[data-v-8733fc5a]{padding:2px 8px;background:#f5f5f5;border-radius:4px;font-family:Courier New,monospace;font-size:12px;color:#333;border:1px solid #e8e8e8;min-width:36px;text-align:center}.desc[data-v-8733fc5a]{font-size:12px;color:#666}.comparison-container[data-v-8733fc5a]{flex:1;display:flex;gap:16px;overflow:hidden;min-height:0}.original-section[data-v-8733fc5a],.ai-main-section[data-v-8733fc5a]{flex:1;display:flex;flex-direction:column;min-width:0}.ai-main-section[data-v-8733fc5a]{position:relative}.ai-main-section .button-left[data-v-8733fc5a],.ai-main-section .button-right[data-v-8733fc5a]{position:absolute;top:50%;opacity:0;transition:all .2s linear;background-color:#0006;width:40px;height:40px;text-align:center;line-height:40px;border-radius:50%;color:#fff;margin-top:-20px;cursor:pointer}.ai-main-section .button-left[data-v-8733fc5a]:hover,.ai-main-section .button-right[data-v-8733fc5a]:hover{background-color:#000000b3}.ai-main-section .button-left[data-v-8733fc5a]{left:20px}.ai-main-section .button-right[data-v-8733fc5a]{right:20px}.ai-main-section:hover .button-left[data-v-8733fc5a],.ai-main-section:hover .button-right[data-v-8733fc5a]{opacity:1}.ai-main-section:hover .button-left[data-v-8733fc5a]{left:30px}.ai-main-section:hover .button-right[data-v-8733fc5a]{right:30px}.image-container[data-v-8733fc5a]{flex:1;display:flex;flex-direction:column;background:white;border-radius:4px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.image-header[data-v-8733fc5a]{padding:12px 16px;display:flex;align-items:center;gap:8px;background:#fafafa;border-bottom:1px solid #e8e8e8;min-height:44px;box-sizing:border-box}.badge[data-v-8733fc5a]{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500;color:#fff;white-space:nowrap}.badge.original[data-v-8733fc5a]{background:#4A90E2}.badge.ai[data-v-8733fc5a]{background:#50C9C3}.image-title[data-v-8733fc5a]{font-size:14px;font-weight:500;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-desc[data-v-8733fc5a]{margin-left:auto;font-size:14px;color:#666}.image-content[data-v-8733fc5a]{flex:1;padding:16px;display:flex;min-height:0}.main-image[data-v-8733fc5a]{width:100%;height:100%;object-fit:contain;background:#f5f5f5;border-radius:2px}.thumbnail-section[data-v-8733fc5a]{width:320px;display:flex;flex-direction:column;min-width:320px;max-width:320px}.thumbnail-container[data-v-8733fc5a]{flex:1;display:flex;flex-direction:column;background:white;border-radius:4px;box-shadow:0 1px 3px #0000001a;overflow:hidden;min-height:0}.thumbnail-header[data-v-8733fc5a]{padding:12px 16px;display:flex;flex-direction:column;gap:8px;background:#fafafa;border-bottom:1px solid #e8e8e8}.thumbnail-count[data-v-8733fc5a]{font-size:12px;color:#666;font-weight:500}.filter-tabs[data-v-8733fc5a]{display:flex;gap:6px;flex-wrap:wrap}.filter-tab[data-v-8733fc5a]{padding:4px 10px;border-radius:12px;font-size:11px;color:#666;background:#f5f5f5;cursor:pointer;display:flex;align-items:center;gap:4px;transition:all .2s ease;white-space:nowrap}.filter-tab[data-v-8733fc5a]:hover{background:#e8e8e8}.filter-tab.active[data-v-8733fc5a]{background:#1890ff;color:#fff}.tab-count[data-v-8733fc5a]{font-size:9px;background:rgba(255,255,255,.2);padding:1px 5px;border-radius:8px}.thumbnail-grid[data-v-8733fc5a]{padding:16px;display:grid;grid-template-columns:repeat(2,1fr);gap:12px;overflow-y:auto;min-height:0}.thumbnail-item[data-v-8733fc5a]{border:2px solid transparent;border-radius:4px;cursor:pointer;transition:all .2s ease;background:#fafafa;overflow:hidden;aspect-ratio:4/3}.thumbnail-item[data-v-8733fc5a]:hover{border-color:#50c9c3;background:rgba(80,201,195,.05);transform:translateY(-2px);box-shadow:0 2px 8px #0000001a}.thumbnail-item.active[data-v-8733fc5a]{border-color:#1890ff;background:rgba(24,144,255,.05)}.thumbnail-item.matched[data-v-8733fc5a]{border-color:#52c41a;background:rgba(82,196,26,.05)}.thumbnail-item.rejected[data-v-8733fc5a]{border-color:#f5222d;background:rgba(245,34,45,.05)}.thumbnail-image-container[data-v-8733fc5a]{position:relative;width:100%;height:100%;border-radius:2px;overflow:hidden}.thumbnail-image[data-v-8733fc5a]{width:100%;height:100%;object-fit:cover;transition:transform .2s ease}.thumbnail-item:hover .thumbnail-image[data-v-8733fc5a]{transform:scale(1.05)}.status-indicator[data-v-8733fc5a]{position:absolute;top:6px;right:6px;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.9);box-shadow:0 1px 3px #0003}.status-indicator .status-icon[data-v-8733fc5a]{font-size:10px;font-weight:700}.status-indicator .status-icon.matched[data-v-8733fc5a]{color:#52c41a}.status-indicator .status-icon.rejected[data-v-8733fc5a]{color:#f5222d}.selected-indicator[data-v-8733fc5a]{position:absolute;top:0;left:0;right:0;bottom:0;border:2px solid #1890ff;border-radius:2px;pointer-events:none}.selected-border[data-v-8733fc5a]{width:100%;height:100%;border:2px solid #1890ff;border-radius:1px}.thumbnail-overlay[data-v-8733fc5a]{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease}.thumbnail-item:hover .thumbnail-overlay[data-v-8733fc5a]{opacity:1}.overlay-content[data-v-8733fc5a]{text-align:center;color:#fff;padding:8px}.overlay-title[data-v-8733fc5a]{font-size:11px;font-weight:500}.feedback-toast[data-v-8733fc5a]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);padding:16px 32px;border-radius:4px;font-size:16px;font-weight:500;color:#fff;z-index:1000;animation:fadeInOut-data-v-8733fc5a 1s ease;box-shadow:0 4px 12px #00000026}.feedback-toast.success[data-v-8733fc5a]{background:#52c41a}.feedback-toast.error[data-v-8733fc5a]{background:#f5222d}.feedback-toast.info[data-v-8733fc5a]{background:#1890ff}@keyframes fadeInOut-data-v-8733fc5a{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}20%{opacity:1;transform:translate(-50%,-50%) scale(1)}80%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.9)}}.thumbnail-grid[data-v-8733fc5a]::-webkit-scrollbar{width:6px}.thumbnail-grid[data-v-8733fc5a]::-webkit-scrollbar-track{background:#f5f5f5;border-radius:3px}.thumbnail-grid[data-v-8733fc5a]::-webkit-scrollbar-thumb{background:#cfcfcf;border-radius:3px}.thumbnail-grid[data-v-8733fc5a]::-webkit-scrollbar-thumb:hover{background:#b5b5b5}@media (max-width: 1400px){.thumbnail-section[data-v-8733fc5a]{width:280px;min-width:280px;max-width:280px}}@media (max-width: 1200px){.comparison-container[data-v-8733fc5a]{flex-direction:column}.original-section[data-v-8733fc5a],.ai-main-section[data-v-8733fc5a],.thumbnail-section[data-v-8733fc5a]{width:100%;min-width:100%;max-width:100%;flex:none}.thumbnail-grid[data-v-8733fc5a]{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.thumbnail-section[data-v-8733fc5a]{height:300px}.thumbnail-container[data-v-8733fc5a]{flex-direction:row}.thumbnail-header[data-v-8733fc5a]{width:120px;border-bottom:none;border-right:1px solid #e8e8e8;flex-direction:column;justify-content:flex-start;padding-top:20px}.filter-tabs[data-v-8733fc5a]{flex-direction:column;gap:6px}.thumbnail-grid[data-v-8733fc5a]{flex:1;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}@media (max-width: 992px){.header[data-v-8733fc5a]{flex-direction:column;gap:10px;text-align:center}.keyboard-hints[data-v-8733fc5a]{flex-wrap:wrap;justify-content:center}}@media (max-width: 768px){.sku-comparison[data-v-8733fc5a]{padding:10px}.thumbnail-section[data-v-8733fc5a]{height:250px}.thumbnail-grid[data-v-8733fc5a]{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px}.thumbnail-header[data-v-8733fc5a]{width:100px}.filter-tab[data-v-8733fc5a]{padding:3px 8px;font-size:10px}}
|
|
16
|
+
*/.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container.ql-disabled .ql-editor ul[data-checked]>li:before{pointer-events:none}.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;line-height:1.42;height:100%;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor>*{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor ul,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0;counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol,.ql-editor ul{padding-left:1.5em}.ql-editor ol>li,.ql-editor ul>li{list-style-type:none}.ql-editor ul>li:before{content:"\2022"}.ql-editor ul[data-checked=true],.ql-editor ul[data-checked=false]{pointer-events:none}.ql-editor ul[data-checked=true]>li *,.ql-editor ul[data-checked=false]>li *{pointer-events:all}.ql-editor ul[data-checked=true]>li:before,.ql-editor ul[data-checked=false]>li:before{color:#777;cursor:pointer;pointer-events:all}.ql-editor ul[data-checked=true]>li:before{content:"\2611"}.ql-editor ul[data-checked=false]>li:before{content:"\2610"}.ql-editor li:before{display:inline-block;white-space:nowrap;width:1.2em}.ql-editor li:not(.ql-direction-rtl):before{margin-left:-1.5em;margin-right:.3em;text-align:right}.ql-editor li.ql-direction-rtl:before{margin-left:.3em;margin-right:-1.5em}.ql-editor ol li:not(.ql-direction-rtl),.ql-editor ul li:not(.ql-direction-rtl){padding-left:1.5em}.ql-editor ol li.ql-direction-rtl,.ql-editor ul li.ql-direction-rtl{padding-right:1.5em}.ql-editor ol li{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-0}.ql-editor ol li:before{content:counter(list-0,decimal) ". "}.ql-editor ol li.ql-indent-1{counter-increment:list-1}.ql-editor ol li.ql-indent-1:before{content:counter(list-1,lower-alpha) ". "}.ql-editor ol li.ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-2{counter-increment:list-2}.ql-editor ol li.ql-indent-2:before{content:counter(list-2,lower-roman) ". "}.ql-editor ol li.ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-3{counter-increment:list-3}.ql-editor ol li.ql-indent-3:before{content:counter(list-3,decimal) ". "}.ql-editor ol li.ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-4{counter-increment:list-4}.ql-editor ol li.ql-indent-4:before{content:counter(list-4,lower-alpha) ". "}.ql-editor ol li.ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-5{counter-increment:list-5}.ql-editor ol li.ql-indent-5:before{content:counter(list-5,lower-roman) ". "}.ql-editor ol li.ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-6{counter-increment:list-6}.ql-editor ol li.ql-indent-6:before{content:counter(list-6,decimal) ". "}.ql-editor ol li.ql-indent-6{counter-reset:list-7 list-8 list-9}.ql-editor ol li.ql-indent-7{counter-increment:list-7}.ql-editor ol li.ql-indent-7:before{content:counter(list-7,lower-alpha) ". "}.ql-editor ol li.ql-indent-7{counter-reset:list-8 list-9}.ql-editor ol li.ql-indent-8{counter-increment:list-8}.ql-editor ol li.ql-indent-8:before{content:counter(list-8,lower-roman) ". "}.ql-editor ol li.ql-indent-8{counter-reset:list-9}.ql-editor ol li.ql-indent-9{counter-increment:list-9}.ql-editor ol li.ql-indent-9:before{content:counter(list-9,decimal) ". "}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor.ql-blank:before{color:#0009;content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}[data-v-4309f316] .el-dialog__header{border-bottom:1px solid #ededed;cursor:move}[data-v-4309f316] .el-dialog__header .el-dialog__title{font-size:16px}[data-v-4309f316] .el-dialog__footer{border-top:1px solid #ededed}[data-v-4309f316] .el-dialog__body .el-form .el-select,[data-v-4309f316] .el-dialog__body .el-form .el-input,[data-v-4309f316] .el-dialog__body .el-form .el-input-number{width:240px}[data-v-4309f316] .el-dialog__body .el-form .el-input-number .el-input__inner{text-align:left}[data-v-4309f316] .el-dialog__body .el-form .ui-item__main{width:100%}[data-v-4309f316] .el-dialog__body .el-form .el-form-item__label{font-size:12px}[data-v-4309f316] .el-dialog__body .el-form .el-input--small .el-input__icon{height:32px}.chat--item[data-v-4309f316]{margin:0 5px 10px;display:flex;align-items:start}.chat--item .chat--flag[data-v-4309f316]{width:40px;height:40px;border-radius:50%;border:1px solid #43bd85;font-size:12px;text-align:center;display:flex;justify-content:center;align-items:center}.chat--item pre[data-v-4309f316]{color:#fff;background-color:#43bd85;box-shadow:0 0 4px #aaa;border-radius:6px;padding:10px;margin:4px 10px 0;text-wrap:auto;max-width:346px}.chat--ai[data-v-4309f316]{flex-direction:row-reverse}.chat--ai .chat--flag[data-v-4309f316]{color:#fff;border-color:#4d6bfe}.chat--ai pre[data-v-4309f316]{background-color:#4d6bfe;color:#fff}.sku-comparison[data-v-66d7fd27]{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;height:100%;display:flex;flex-direction:column;background:#f0f2f5;padding:16px;outline:none}.header[data-v-66d7fd27]{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:white;border-radius:4px;margin-bottom:16px;box-shadow:0 1px 3px #0000001a}.sku-info[data-v-66d7fd27]{display:flex;align-items:center;gap:20px}.sku-code[data-v-66d7fd27]{font-size:18px;font-weight:600;color:#333}.image-counter[data-v-66d7fd27]{font-size:14px;color:#666;background:#f5f5f5;padding:4px 10px;border-radius:12px}.keyboard-hints[data-v-66d7fd27]{display:flex;gap:16px}.hint-item[data-v-66d7fd27]{display:flex;align-items:center;gap:6px}.key[data-v-66d7fd27]{padding:2px 8px;background:#f5f5f5;border-radius:4px;font-family:Courier New,monospace;font-size:12px;color:#333;border:1px solid #e8e8e8;min-width:36px;text-align:center}.desc[data-v-66d7fd27]{font-size:12px;color:#666}.comparison-container[data-v-66d7fd27]{flex:1;display:flex;gap:16px;overflow:hidden;min-height:0}.original-section[data-v-66d7fd27],.ai-main-section[data-v-66d7fd27]{flex:1;display:flex;flex-direction:column;min-width:0}.ai-main-section[data-v-66d7fd27]{position:relative}.ai-main-section .button-left[data-v-66d7fd27],.ai-main-section .button-right[data-v-66d7fd27]{position:absolute;top:50%;opacity:0;transition:all .2s linear;background-color:#0006;width:40px;height:40px;text-align:center;line-height:40px;border-radius:50%;color:#fff;margin-top:-20px;cursor:pointer}.ai-main-section .button-left[data-v-66d7fd27]:hover,.ai-main-section .button-right[data-v-66d7fd27]:hover{background-color:#000000b3}.ai-main-section .button-left[data-v-66d7fd27]{left:20px}.ai-main-section .button-right[data-v-66d7fd27]{right:20px}.ai-main-section:hover .button-left[data-v-66d7fd27],.ai-main-section:hover .button-right[data-v-66d7fd27]{opacity:1}.ai-main-section:hover .button-left[data-v-66d7fd27]{left:30px}.ai-main-section:hover .button-right[data-v-66d7fd27]{right:30px}.image-container[data-v-66d7fd27]{flex:1;display:flex;flex-direction:column;background:white;border-radius:4px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.image-header[data-v-66d7fd27]{padding:12px 16px;display:flex;align-items:center;gap:8px;background:#fafafa;border-bottom:1px solid #e8e8e8;min-height:44px;box-sizing:border-box}.badge[data-v-66d7fd27]{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500;color:#fff;white-space:nowrap}.badge.original[data-v-66d7fd27]{background:#4A90E2}.badge.ai[data-v-66d7fd27]{background:#50C9C3}.image-title[data-v-66d7fd27]{font-size:14px;font-weight:500;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-desc[data-v-66d7fd27]{margin-left:auto;font-size:14px;color:#666}.image-content[data-v-66d7fd27]{flex:1;padding:16px;display:flex;min-height:0}.main-image[data-v-66d7fd27]{width:100%;height:100%;object-fit:contain;background:#f5f5f5;border-radius:2px}.thumbnail-section[data-v-66d7fd27]{width:320px;display:flex;flex-direction:column;min-width:320px;max-width:320px}.thumbnail-container[data-v-66d7fd27]{flex:1;display:flex;flex-direction:column;background:white;border-radius:4px;box-shadow:0 1px 3px #0000001a;overflow:hidden;min-height:0}.thumbnail-header[data-v-66d7fd27]{padding:12px 16px;display:flex;flex-direction:column;gap:8px;background:#fafafa;border-bottom:1px solid #e8e8e8}.thumbnail-count[data-v-66d7fd27]{font-size:12px;color:#666;font-weight:500}.filter-tabs[data-v-66d7fd27]{display:flex;gap:6px;flex-wrap:wrap}.filter-tab[data-v-66d7fd27]{padding:4px 10px;border-radius:12px;font-size:11px;color:#666;background:#f5f5f5;cursor:pointer;display:flex;align-items:center;gap:4px;transition:all .2s ease;white-space:nowrap}.filter-tab[data-v-66d7fd27]:hover{background:#e8e8e8}.filter-tab.active[data-v-66d7fd27]{background:#1890ff;color:#fff}.tab-count[data-v-66d7fd27]{font-size:9px;background:rgba(255,255,255,.2);padding:1px 5px;border-radius:8px}.thumbnail-grid[data-v-66d7fd27]{padding:16px;display:grid;grid-template-columns:repeat(2,1fr);gap:12px;overflow-y:auto;min-height:0}.thumbnail-item[data-v-66d7fd27]{border:2px solid transparent;border-radius:4px;cursor:pointer;transition:all .2s ease;background:#fafafa;overflow:hidden;aspect-ratio:4/3}.thumbnail-item[data-v-66d7fd27]:hover{border-color:#50c9c3;background:rgba(80,201,195,.05);transform:translateY(-2px);box-shadow:0 2px 8px #0000001a}.thumbnail-item.active[data-v-66d7fd27]{border-color:#1890ff;background:rgba(24,144,255,.05)}.thumbnail-item.matched[data-v-66d7fd27]{border-color:#52c41a;background:rgba(82,196,26,.05)}.thumbnail-item.rejected[data-v-66d7fd27]{border-color:#f5222d;background:rgba(245,34,45,.05)}.thumbnail-image-container[data-v-66d7fd27]{position:relative;width:100%;height:100%;border-radius:2px;overflow:hidden}.thumbnail-image[data-v-66d7fd27]{width:100%;height:100%;object-fit:cover;transition:transform .2s ease}.thumbnail-item:hover .thumbnail-image[data-v-66d7fd27]{transform:scale(1.05)}.status-indicator[data-v-66d7fd27]{position:absolute;top:6px;right:6px;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.9);box-shadow:0 1px 3px #0003}.status-indicator .status-icon[data-v-66d7fd27]{font-size:10px;font-weight:700}.status-indicator .status-icon.matched[data-v-66d7fd27]{color:#52c41a}.status-indicator .status-icon.rejected[data-v-66d7fd27]{color:#f5222d}.selected-indicator[data-v-66d7fd27]{position:absolute;top:0;left:0;right:0;bottom:0;border:2px solid #1890ff;border-radius:2px;pointer-events:none}.selected-border[data-v-66d7fd27]{width:100%;height:100%;border:2px solid #1890ff;border-radius:1px}.thumbnail-overlay[data-v-66d7fd27]{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease}.thumbnail-item:hover .thumbnail-overlay[data-v-66d7fd27]{opacity:1}.overlay-content[data-v-66d7fd27]{text-align:center;color:#fff;padding:8px}.overlay-title[data-v-66d7fd27]{font-size:11px;font-weight:500}.feedback-toast[data-v-66d7fd27]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);padding:16px 32px;border-radius:4px;font-size:16px;font-weight:500;color:#fff;z-index:1000;animation:fadeInOut-data-v-66d7fd27 1s ease;box-shadow:0 4px 12px #00000026}.feedback-toast.success[data-v-66d7fd27]{background:#52c41a}.feedback-toast.error[data-v-66d7fd27]{background:#f5222d}.feedback-toast.info[data-v-66d7fd27]{background:#1890ff}@keyframes fadeInOut-data-v-66d7fd27{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}20%{opacity:1;transform:translate(-50%,-50%) scale(1)}80%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.9)}}.thumbnail-grid[data-v-66d7fd27]::-webkit-scrollbar{width:6px}.thumbnail-grid[data-v-66d7fd27]::-webkit-scrollbar-track{background:#f5f5f5;border-radius:3px}.thumbnail-grid[data-v-66d7fd27]::-webkit-scrollbar-thumb{background:#cfcfcf;border-radius:3px}.thumbnail-grid[data-v-66d7fd27]::-webkit-scrollbar-thumb:hover{background:#b5b5b5}@media (max-width: 1400px){.thumbnail-section[data-v-66d7fd27]{width:280px;min-width:280px;max-width:280px}}@media (max-width: 1200px){.comparison-container[data-v-66d7fd27]{flex-direction:column}.original-section[data-v-66d7fd27],.ai-main-section[data-v-66d7fd27],.thumbnail-section[data-v-66d7fd27]{width:100%;min-width:100%;max-width:100%;flex:none}.thumbnail-grid[data-v-66d7fd27]{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.thumbnail-section[data-v-66d7fd27]{height:300px}.thumbnail-container[data-v-66d7fd27]{flex-direction:row}.thumbnail-header[data-v-66d7fd27]{width:120px;border-bottom:none;border-right:1px solid #e8e8e8;flex-direction:column;justify-content:flex-start;padding-top:20px}.filter-tabs[data-v-66d7fd27]{flex-direction:column;gap:6px}.thumbnail-grid[data-v-66d7fd27]{flex:1;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}@media (max-width: 992px){.header[data-v-66d7fd27]{flex-direction:column;gap:10px;text-align:center}.keyboard-hints[data-v-66d7fd27]{flex-wrap:wrap;justify-content:center}}@media (max-width: 768px){.sku-comparison[data-v-66d7fd27]{padding:10px}.thumbnail-section[data-v-66d7fd27]{height:250px}.thumbnail-grid[data-v-66d7fd27]{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px}.thumbnail-header[data-v-66d7fd27]{width:100px}.filter-tab[data-v-66d7fd27]{padding:3px 8px;font-size:10px}}
|
package/dist/tenghui-ui.es.js
CHANGED
|
@@ -21028,7 +21028,7 @@ var render$2 = function() {
|
|
|
21028
21028
|
var _c = _vm._self._c || _h;
|
|
21029
21029
|
return _c("com-container", { directives: [{ name: "loading", rawName: "v-loading", value: _vm.loading, expression: "loading" }], attrs: { "static-num": _vm.staticNum } }, [_c("div", { ref: "container", staticClass: "sku-comparison", attrs: { "tabindex": "0" }, on: { "keydown": _vm.handleKeyDown } }, [_c("div", { staticClass: "header" }, [_c("div", { staticClass: "sku-info" }, [_c("div", { staticClass: "sku-code" }, [_vm._v("SKU: "), _c("span", { staticStyle: { "cursor": "pointer" }, on: { "click": function($event) {
|
|
21030
21030
|
return _vm.$emit("openSku", _vm.currentGroup.sku);
|
|
21031
|
-
} } }, [_vm._v(_vm._s(_vm.currentGroup.sku))])]), _c("div", { staticClass: "image-counter" }, [_vm._v(_vm._s(_vm.currentGroupIndex + 1) + "/" + _vm._s(Object.keys(this.imageGroups).length))])]), _c("div", { staticClass: "keyboard-hints" }, [_c("div", { staticClass: "hint-item" }, [_c("span", { staticClass: "key" }, [_vm._v("\u2190")]), _c("span", { staticClass: "desc" }, [_vm._v("\u4E0A\u4E00\u5F20")])]), _c("div", { staticClass: "hint-item" }, [_c("span", { staticClass: "key" }, [_vm._v("\u2192")]), _c("span", { staticClass: "desc" }, [_vm._v("\u4E0B\u4E00\u5F20")])]), _c("div", { staticClass: "hint-item" }, [_c("span", { staticClass: "key" }, [_vm._v("Enter")]), _c("span", { staticClass: "desc" }, [_vm._v("\u786E\u8BA4")])]), _c("div", { staticClass: "hint-item" }, [_c("span", { staticClass: "key" }, [_vm._v("Backspace")]), _c("span", { staticClass: "desc" }, [_vm._v("\u9A73\u56DE")])])])]), _c("div", { staticClass: "comparison-container" }, [_c("div", { staticClass: "original-section" }, [_c("div", { staticClass: "image-container" }, [_c("div", { staticClass: "image-header" }, [_c("div", { staticClass: "badge original" }, [_vm._v("\u539F\u56FE")]), _c("div", { staticClass: "image-title" }, [_vm._v(_vm._s(_vm.currentGroup.title))])]), _c("div", { staticClass: "image-content" }, [_vm.currentGroup.image ? _c("img", { staticClass: "main-image", attrs: { "src": _vm.currentGroup.image, "alt": "\u539F\u56FE" }, on: { "error": _vm.handleImageError } }) : _vm._e()])])]), _c("div", { staticClass: "ai-main-section" }, [_c("div", { staticClass: "image-container" }, [_c("div", { staticClass: "image-header" }, [_c("div", { staticClass: "badge ai" }, [_vm._v("AI\u5957\u56FE")]), _c("div", { staticClass: "image-title" }, [_vm._v(_vm._s(_vm.currentAiImage.image_type_name || "AI\u751F\u6210\u56FE\u7247"))]), _c("div", { staticClass: "image-desc" }, [_vm._v(_vm._s(_vm.
|
|
21031
|
+
} } }, [_vm._v(_vm._s(_vm.currentGroup.sku))])]), _c("div", { staticClass: "image-counter" }, [_vm._v(_vm._s(_vm.currentGroupIndex + 1) + "/" + _vm._s(Object.keys(this.imageGroups).length))])]), _c("div", { staticClass: "keyboard-hints" }, [_c("div", { staticClass: "hint-item" }, [_c("span", { staticClass: "key" }, [_vm._v("\u2190")]), _c("span", { staticClass: "desc" }, [_vm._v("\u4E0A\u4E00\u5F20")])]), _c("div", { staticClass: "hint-item" }, [_c("span", { staticClass: "key" }, [_vm._v("\u2192")]), _c("span", { staticClass: "desc" }, [_vm._v("\u4E0B\u4E00\u5F20")])]), _c("div", { staticClass: "hint-item" }, [_c("span", { staticClass: "key" }, [_vm._v("Enter")]), _c("span", { staticClass: "desc" }, [_vm._v("\u786E\u8BA4")])]), _c("div", { staticClass: "hint-item" }, [_c("span", { staticClass: "key" }, [_vm._v("Backspace")]), _c("span", { staticClass: "desc" }, [_vm._v("\u9A73\u56DE")])])])]), _c("div", { staticClass: "comparison-container" }, [_c("div", { staticClass: "original-section" }, [_c("div", { staticClass: "image-container" }, [_c("div", { staticClass: "image-header" }, [_c("div", { staticClass: "badge original" }, [_vm._v("\u539F\u56FE")]), _c("div", { staticClass: "image-title" }, [_vm._v(_vm._s(_vm.currentGroup.title))])]), _c("div", { staticClass: "image-content" }, [_vm.currentGroup.image ? _c("img", { staticClass: "main-image", attrs: { "src": _vm.currentGroup.image, "alt": "\u539F\u56FE" }, on: { "error": _vm.handleImageError } }) : _vm._e()])])]), _c("div", { staticClass: "ai-main-section" }, [_c("div", { staticClass: "image-container" }, [_c("div", { staticClass: "image-header" }, [_c("div", { staticClass: "badge ai" }, [_vm._v("AI\u5957\u56FE")]), _c("div", { staticClass: "image-title" }, [_vm._v(_vm._s(_vm.currentAiImage.image_type_name || "AI\u751F\u6210\u56FE\u7247"))]), _c("div", { staticClass: "image-desc" }, [_vm._v(_vm._s(_vm.currentGroup.product_size))])]), _c("div", { staticClass: "image-content" }, [_vm.currentAiImage.handle_image ? _c("img", { staticClass: "main-image", attrs: { "src": _vm.currentAiImage.handle_image, "alt": _vm.currentAiImage.image_type_name }, on: { "error": _vm.handleImageError } }) : _vm._e()])]), _c("div", { staticClass: "button-left" }, [_c("span", { staticClass: "el-icon-arrow-left", on: { "click": function($event) {
|
|
21032
21032
|
return _vm.handleKeyDown({ key: "ArrowLeft" });
|
|
21033
21033
|
} } })]), _c("div", { staticClass: "button-right" }, [_c("span", { staticClass: "el-icon-arrow-right", on: { "click": function($event) {
|
|
21034
21034
|
return _vm.handleKeyDown({ key: "ArrowRight" });
|
|
@@ -21329,7 +21329,7 @@ const __vue2_script$2 = {
|
|
|
21329
21329
|
}
|
|
21330
21330
|
};
|
|
21331
21331
|
const __cssModules$2 = {};
|
|
21332
|
-
var __component__$2 = /* @__PURE__ */ normalizeComponent(__vue2_script$2, render$2, staticRenderFns$2, false, __vue2_injectStyles$2, "
|
|
21332
|
+
var __component__$2 = /* @__PURE__ */ normalizeComponent(__vue2_script$2, render$2, staticRenderFns$2, false, __vue2_injectStyles$2, "66d7fd27", null, null);
|
|
21333
21333
|
function __vue2_injectStyles$2(context) {
|
|
21334
21334
|
for (let o in __cssModules$2) {
|
|
21335
21335
|
this[o] = __cssModules$2[o];
|