mirror of
https://github.com/crmeb/CRMEB.git
synced 2026-03-25 06:52:35 +00:00
1 line
18 KiB
CSS
1 line
18 KiB
CSS
[data-v-657981ee] .theme-dialog{border-radius:8px;overflow:hidden}[data-v-657981ee] .theme-dialog .el-dialog__header{border-bottom:1px solid #f0f0f0;padding:0!important}[data-v-657981ee] .theme-dialog .el-dialog__body{padding:0!important}[data-v-657981ee] .theme-dialog .el-dialog__body::-webkit-scrollbar{width:0}.dialog-header[data-v-657981ee]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;padding:15px 24px}.dialog-header .dialog-header-tabs[data-v-657981ee]{background:#fff}.dialog-header .dialog-header-tabs .tabs[data-v-657981ee]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.dialog-header .dialog-header-tabs .tabs .title[data-v-657981ee]{font-size:14px;line-height:22px;font-weight:500;color:#333;cursor:pointer;position:relative}.dialog-header .dialog-header-tabs .tabs .theme-in[data-v-657981ee]{height:12px;margin-left:20px;cursor:pointer}.el-icon-close[data-v-657981ee]{font-size:16px;color:#909399;cursor:pointer}.dialog-content[data-v-657981ee]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:calc(100% - 100px);padding:1px 24px 1px 24px!important}.dialog-content .content-wrapper .main-content[data-v-657981ee],.dialog-content .content-wrapper[data-v-657981ee]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden}.dialog-content .content-wrapper .main-content[data-v-657981ee]{min-height:756px;padding:20px 0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:#fff}.dialog-content .content-wrapper .main-content .filters-header[data-v-657981ee]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:20px}.dialog-content .content-wrapper .main-content .filters-header .filter-left[data-v-657981ee]{margin-right:10px}.dialog-content .content-wrapper .main-content .filters-header .search-box[data-v-657981ee]{width:250px}.dialog-content .content-wrapper .main-content .theme-grid[data-v-657981ee]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:30px;overflow-y:auto;-webkit-box-flex:1;-ms-flex:1;flex:1}.dialog-content .content-wrapper .main-content .theme-grid .theme-item[data-v-657981ee]{width:204px;height:295px;background:#fff;border-radius:8px;overflow:hidden;border:1px solid #f0f0f0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.dialog-content .content-wrapper .main-content .theme-grid .theme-item.create-new[data-v-657981ee]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#fff;cursor:pointer;border:1px solid #eee;background:#fafafa;height:295px;-webkit-transition:all .3s;transition:all .3s}.dialog-content .content-wrapper .main-content .theme-grid .theme-item.create-new .iconic_brush[data-v-657981ee]{font-size:40px;color:#ccc;padding-bottom:15px}.dialog-content .content-wrapper .main-content .theme-grid .theme-item.create-new .create-text[data-v-657981ee]{color:#333;font-size:14px}.dialog-content .content-wrapper .main-content .theme-grid .theme-item.create-new[data-v-657981ee]:hover{border-color:var(--prev-color-primary)}.dialog-content .content-wrapper .main-content .theme-grid .theme-item.create-new:hover .create-text[data-v-657981ee],.dialog-content .content-wrapper .main-content .theme-grid .theme-item.create-new:hover .iconic_brush[data-v-657981ee]{color:var(--prev-color-primary)}.dialog-content .content-wrapper .main-content .theme-grid .theme-item .theme-cover[data-v-657981ee]{position:relative;height:215px;overflow:hidden;background:#f0f2f5;-webkit-transition:height .3s;transition:height .3s}.dialog-content .content-wrapper .main-content .theme-grid .theme-item .theme-cover .blur-bg[data-v-657981ee]{position:absolute;top:0;left:0;right:0;bottom:0;background-size:cover;background-position:top;-webkit-filter:blur(20px);filter:blur(20px);z-index:1}.dialog-content .content-wrapper .main-content .theme-grid .theme-item .theme-cover .phone-preview[data-v-657981ee]{position:relative;z-index:2;height:95%;margin:25px 24px 0 24px;background:#fff;border-radius:10px 10px 0 0;overflow:hidden;border:2px solid #fff}.dialog-content .content-wrapper .main-content .theme-grid .theme-item .theme-cover .phone-preview img[data-v-657981ee]{width:100%}.dialog-content .content-wrapper .main-content .theme-grid .theme-item .theme-cover .phone-preview .no-poster[data-v-657981ee]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;font-size:12px;color:#999}.dialog-content .content-wrapper .main-content .theme-grid .theme-item .theme-info[data-v-657981ee]{background:#fff;-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative;overflow:hidden}.dialog-content .content-wrapper .main-content .theme-grid .theme-item .theme-info .theme-title[data-v-657981ee]{padding:12px 0 0 12px;font-size:14px;color:#333;margin-bottom:12px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.dialog-content .content-wrapper .main-content .theme-grid .theme-item .theme-info .theme-title .tag[data-v-657981ee]{font-weight:400;color:#0256ff;font-size:12px;background:rgba(2,86,255,.06);padding:4px 6px 4px 8px;border-radius:10px 0 0 10px}.dialog-content .content-wrapper .main-content .theme-grid .theme-item .theme-info .theme-time[data-v-657981ee]{padding:0 12px 0 12px;font-size:12px;color:#999;margin-bottom:10px}.dialog-content .content-wrapper .main-content .theme-grid .theme-item .theme-info .theme-hover-actions[data-v-657981ee]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px);-webkit-transition:all .3s;transition:all .3s;height:0;padding:0 12px;overflow:hidden}.dialog-content .content-wrapper .main-content .theme-grid .theme-item .theme-info .theme-hover-actions .button[data-v-657981ee]{width:84px;height:28px;line-height:28px;text-align:center;border-radius:4px;font-size:12px;-webkit-transition:all .3s;transition:all .3s;cursor:pointer}.dialog-content .content-wrapper .main-content .theme-grid .theme-item .theme-info .theme-hover-actions .primary[data-v-657981ee]{background:var(--prev-color-primary);color:#fff}.dialog-content .content-wrapper .main-content .theme-grid .theme-item .theme-info .theme-hover-actions .primary[data-v-657981ee]:hover{background:var(--prev-color-primary-light-1)}.dialog-content .content-wrapper .main-content .theme-grid .theme-item .theme-info .theme-hover-actions .default[data-v-657981ee]{background:#f5f5f5;color:#606266}.dialog-content .content-wrapper .main-content .theme-grid .theme-item .theme-info .theme-hover-actions .default[data-v-657981ee]:hover{background:#e4e7ed}.dialog-content .content-wrapper .main-content .theme-grid .theme-item:hover .theme-cover[data-v-657981ee]{height:170px}.dialog-content .content-wrapper .main-content .theme-grid .theme-item:hover .theme-info .theme-hover-actions[data-v-657981ee]{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);height:32px;margin-top:10px}[data-v-657981ee] .el-dialog__body{max-height:calc(100vh - 100px)!important}.detail-content[data-v-657981ee]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:calc(100vh - 100px);background:#f5f7fa}.detail-content .detail-header[data-v-657981ee]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:15px 20px 16px;background:#fff;border-bottom:1px solid #eee}.detail-content .detail-header .back-btn[data-v-657981ee],.detail-content .detail-header[data-v-657981ee]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.detail-content .detail-header .back-btn[data-v-657981ee]{cursor:pointer;color:#666;font-size:14px;margin-right:10px}.detail-content .detail-header .back-btn[data-v-657981ee]:hover{color:var(--prev-color-primary-light-1)}.detail-content .detail-header .back-btn i[data-v-657981ee]{margin-right:4px}.detail-content .detail-header .detail-title[data-v-657981ee]{font-size:14px;font-weight:500;color:#333;border-left:1px solid #eee;padding-left:10px}.detail-content .detail-body[data-v-657981ee]{height:calc(100vh - 100px);overflow-y:auto;background:#fff;padding:0 20px 0 24px!important}.detail-content .detail-body .detail-top[data-v-657981ee]{display:-webkit-box;display:-ms-flexbox;display:flex;background:#fff;padding:24px 0 20px 0;margin-bottom:20px;border-bottom:1px solid #eee}.detail-content .detail-body .detail-top .detail-preview-main[data-v-657981ee]{width:180px;height:210px;border-radius:8px;overflow:hidden;margin-right:24px;border:1px solid #eee}.detail-content .detail-body .detail-top .detail-preview-main img[data-v-657981ee]{width:100%;-o-object-fit:cover;object-fit:cover}.detail-content .detail-body .detail-top .detail-info-box[data-v-657981ee]{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-right:24px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.detail-content .detail-body .detail-top .detail-info-box .info-title[data-v-657981ee]{font-size:16px;font-weight:500;color:#333;margin-bottom:20px}.detail-content .detail-body .detail-top .detail-info-box .info-desc[data-v-657981ee]{font-size:14px;color:#666;line-height:1.6;margin-bottom:30px;color:#888}.detail-content .detail-body .detail-images-section .section-title[data-v-657981ee]{font-size:16px;font-weight:500;color:#333;margin-bottom:15px}.detail-content .detail-body .detail-images-section .images-list[data-v-657981ee]{display:-webkit-box;display:-ms-flexbox;display:flex;overflow-x:auto;padding-bottom:10px}.detail-content .detail-body .detail-images-section .images-list .image-item[data-v-657981ee]{margin-right:29px;-ms-flex-negative:0;flex-shrink:0}.detail-content .detail-body .detail-images-section .images-list .image-item .phone-mockup[data-v-657981ee]{width:214px;height:380px;background:#fff;border-radius:8px;overflow:hidden;position:relative;border:1px solid #eee}.detail-content .detail-body .detail-images-section .images-list .image-item .phone-mockup .preview-image[data-v-657981ee]{width:100%;-o-object-fit:cover;object-fit:cover}.detail-content .detail-body .detail-images-section .images-list .image-item .phone-mockup .no-poster[data-v-657981ee]{padding:10px;margin-top:70px;color:#999;font-size:13px}.detail-content .detail-body .detail-images-section .detail-qrcode[data-v-657981ee],.detail-content .detail-body .detail-images-section .images-list .image-item .phone-mockup .no-poster[data-v-657981ee]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.detail-content .detail-body .detail-images-section .detail-qrcode[data-v-657981ee]{width:-webkit-max-content;width:-moz-max-content;width:max-content;height:-webkit-max-content;height:-moz-max-content;height:max-content;text-align:center;background:#f9f9f9;border-radius:8px 8px 8px 8px;padding:16px}.detail-content .detail-body .detail-images-section .detail-qrcode .qrcode-box[data-v-657981ee]{width:120px;height:120px;margin-bottom:10px}.detail-content .detail-body .detail-images-section .detail-qrcode .qrcode-box img[data-v-657981ee]{width:100%;height:100%}.detail-content .detail-body .detail-images-section .detail-qrcode .qrcode-text[data-v-657981ee]{font-size:12px;color:#999}body .v-modal{background:rgba(0,0,0,.5)!important;opacity:1!important}.mall-theme-page[data-v-6ef430d8]{min-height:100%}.mall-theme-page .page-header[data-v-6ef430d8]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:20px 16px;background:#fff;margin-bottom:20px;border-radius:4px}.mall-theme-page .page-header .header-left[data-v-6ef430d8],.mall-theme-page .page-header[data-v-6ef430d8]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mall-theme-page .page-header .header-left .page-title[data-v-6ef430d8]{font-size:18px;font-weight:700;color:#333;margin-right:15px}.mall-theme-page .page-header .header-left .theme-colors[data-v-6ef430d8]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:15px}.mall-theme-page .page-header .header-left .theme-colors .color-dot[data-v-6ef430d8]{width:16px;height:16px;border-radius:50%;margin-right:-6px;position:relative;z-index:5}.mall-theme-page .page-header .header-left .theme-colors .color-dot[data-v-6ef430d8]:first-child{z-index:3}.mall-theme-page .page-header .header-left .theme-colors .color-dot[data-v-6ef430d8]:nth-child(2){z-index:4}.mall-theme-page .page-header .header-left .status-tag[data-v-6ef430d8]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:rgba(51,51,51,.04);padding:2px 10px;border-radius:4px}.mall-theme-page .page-header .header-left .status-tag .text[data-v-6ef430d8]{font-size:12px;color:#333}.mall-theme-page .page-header .header-right[data-v-6ef430d8]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px;color:#333;cursor:pointer}.mall-theme-page .page-header .header-right .icon[data-v-6ef430d8]{margin-right:5px}.mall-theme-page .page-header .header-right[data-v-6ef430d8]:hover{color:var(--prev-color-primary-light-1)}.mall-theme-page .theme-list[data-v-6ef430d8]{padding:16px;border-radius:5px;background-color:#fff}.mall-theme-page .theme-list .list-wrapper[data-v-6ef430d8]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 -10px}.mall-theme-page .theme-list .list-item[data-v-6ef430d8]{min-width:270px;width:25%;padding:0 10px;-webkit-box-sizing:border-box;box-sizing:border-box}.mall-theme-page .theme-card[data-v-6ef430d8]{width:100%;background:#fff;border:1px solid #eee;border-radius:8px;padding:17px;-webkit-transition:all .3s;transition:all .3s;margin-bottom:20px}.mall-theme-page .theme-card[data-v-6ef430d8]:hover{-webkit-box-shadow:0 4px 12px rgba(0,0,0,.1);box-shadow:0 4px 12px rgba(0,0,0,.1);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.mall-theme-page .theme-card .card-header[data-v-6ef430d8]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:20px}.mall-theme-page .theme-card .card-header .card-title[data-v-6ef430d8]{font-size:12px;color:#333;border-radius:0 20px 20px 0;padding:7px 12px;margin-left:-17px;background:rgba(51,51,51,.05)}.mall-theme-page .theme-card .card-header .card-actions .action-btn[data-v-6ef430d8]{font-size:14px;color:var(--prev-color-primary);cursor:pointer}.mall-theme-page .theme-card .card-header .card-actions .action-btn[data-v-6ef430d8]:hover{color:var(--prev-color-primary-light-1)}.mall-theme-page .theme-card .card-info[data-v-6ef430d8]{margin-bottom:15px}.mall-theme-page .theme-card .card-info .theme-name[data-v-6ef430d8]{font-size:14px;font-weight:500;color:#303133;margin-bottom:5px}.mall-theme-page .theme-card .card-info .last-modified[data-v-6ef430d8]{font-size:12px;color:#909399}.mall-theme-page .theme-card .card-preview[data-v-6ef430d8]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:#f5f7fa;padding:0;border-radius:12px}.mall-theme-page .theme-card .card-preview .phone-mockup[data-v-6ef430d8]{width:100%;background:#fff;border-radius:12px;overflow-y:scroll;position:relative;border:1px solid #f9f9f9;max-height:calc(100vh - 360px)}.mall-theme-page .theme-card .card-preview .phone-mockup.has-image[data-v-6ef430d8]{aspect-ratio:1/2}.mall-theme-page .theme-card .card-preview .phone-mockup .preview-image[data-v-6ef430d8]{width:100%;-o-object-fit:cover;object-fit:cover}.mall-theme-page .theme-card .card-preview .phone-mockup .empty-container[data-v-6ef430d8]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:75px 0 330px;height:100%;min-height:100%;background:#f9f9f9}.mall-theme-page .theme-card .card-preview .phone-mockup .empty-container .empty-poster[data-v-6ef430d8]{width:150px;height:auto;margin-bottom:20px}.mall-theme-page .theme-card .card-preview .phone-mockup .empty-container .empty-text[data-v-6ef430d8]{font-size:14px;color:#999;margin-bottom:20px}.mall-theme-page .theme-card .card-preview .phone-mockup .empty-container .empty-text i[data-v-6ef430d8]{color:#999;cursor:help}.mall-theme-page .theme-card .card-preview[data-v-6ef430d8] ::-webkit-scrollbar{display:none} |