2 lines
9.9 KiB
CSS
2 lines
9.9 KiB
CSS
.title[data-v-31f92ddf]{margin-top:30px;font-size:14px;font-weight:700;color:#333;margin-bottom:15px}.media-info-wrap[data-v-31f92ddf]{width:320px;background-color:#fafafa;padding:10px;box-sizing:border-box;border-left:#f1f1f1 solid 1px;overflow-y:auto;height:100%}.preview[data-v-31f92ddf]{width:100%;overflow:hidden;position:relative;margin-bottom:10px}.preview:hover .ops[data-v-31f92ddf]{opacity:1;visibility:visible}.preview .ops[data-v-31f92ddf]{position:absolute;bottom:10px;left:0;right:10px;display:flex;justify-content:flex-end;gap:10px;opacity:0;visibility:hidden;transition:opacity .3s}.preview .ops .op[data-v-31f92ddf]{cursor:pointer;width:30px;height:30px;background-color:#fff;display:flex;justify-content:center;align-items:center;border-radius:50%;box-shadow:0 0 6px rgba(0,0,0,.06);transition:background-color .3s}.preview .ops .op[data-v-31f92ddf]:hover{background:#eee}.preview .img[data-v-31f92ddf]{width:100%;height:180px;border-radius:4px}.preview .video[data-v-31f92ddf]{height:180px}.preview .video uni-video[data-v-31f92ddf]{width:100%;height:100%}.info-item[data-v-31f92ddf]{margin-bottom:20px}.info-item .label[data-v-31f92ddf]{font-size:13px;font-weight:700;color:#999}.info-item .content[data-v-31f92ddf]{margin-top:10px;color:#333;font-size:14px;word-break:break-all}.media-base-info[data-v-31f92ddf]{display:flex;flex-wrap:wrap}.media-base-info .info-item[data-v-31f92ddf]{width:50%;margin-bottom:15px}.media-base-info .info-item .content[data-v-31f92ddf]{margin-top:5px}@media screen and (max-width: 1360px){.media-info-wrap[data-v-31f92ddf]{width:280px}}.media-filter-warp[data-v-b8142f6f]{display:flex;align-items:center}.media-filter-warp .split[data-v-b8142f6f]{width:1px;height:14px;background:#f1f1f1;margin:0 5px}.media-filter-warp .filter-options[data-v-b8142f6f]{display:flex;align-items:center;gap:5px}.media-filter-warp .filter-options .search-input[data-v-b8142f6f],.media-filter-warp .filter-options .group-select[data-v-b8142f6f]{min-width:200px}.media-filter-warp .select-options[data-v-b8142f6f]{display:flex;align-items:center;gap:5px}@media screen and (max-width: 768px){.media-filter-warp[data-v-b8142f6f]{flex-direction:column;align-items:flex-start}.media-filter-warp .select-options[data-v-b8142f6f]{margin-top:15px}}.media-view[data-v-30360d85]{flex:1;margin-top:10px;overflow-y:auto}.media-view .items[data-v-30360d85]{display:flex;flex-wrap:wrap;gap:10px}.loading[data-v-30360d85]{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:flex;align-items:center;justify-content:center;text-align:center}.loading .icon[data-v-30360d85]{animation:rotate-30360d85 1s linear infinite}.media-item[data-v-30360d85]{--row-media-item: 7;width:calc(100% / var(--row-media-item) - ((var(--row-media-item) - 1) * 10px / (var(--row-media-item)) + .01px));border:#f5f5f5 solid 5px;border-radius:6px;box-sizing:border-box;cursor:pointer;position:relative;overflow:hidden;transition:border-color .25s}.media-item.selected[data-v-30360d85]{border-color:rgba(41,121,255,.5)}.media-item.active[data-v-30360d85]{border-color:#2979ff}.media-item .image[data-v-30360d85]{height:0;padding-bottom:100%;position:relative}.media-item .image .img[data-v-30360d85],.media-item .image .v[data-v-30360d85]{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:4px}.media-item .mask[data-v-30360d85]{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;background:rgba(0,0,0,.5);display:flex;flex-direction:column;align-items:center;justify-content:center}.media-item .mask .tip[data-v-30360d85]{font-size:12px;color:#fff;margin-top:5px}.media-item .mask .tip.error[data-v-30360d85]{color:red;text-align:center}.media-item .progress[data-v-30360d85]{width:80%;height:4px;border-radius:2px;background:#fff;position:relative;overflow:hidden}.media-item .progress .inner[data-v-30360d85]{width:0;height:100%;border-radius:2px;transition:width .3s;background:#2979ff}.media-library-isnull[data-v-30360d85]{padding-top:50px;text-align:center}.media-library-isnull .text[data-v-30360d85]{font-size:18px;color:#ccc;margin-top:5px;margin-bottom:30px}@keyframes rotate-30360d85{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media screen and (max-width: 768px){.media-item[data-v-30360d85]{--row-media-item: 3}}@media screen and (min-width: 768px){.media-item[data-v-30360d85]{--row-media-item: 5}}@media screen and (min-width: 1360px){.media-item[data-v-30360d85]{--row-media-item: 7}}@media screen and (min-width: 1920px){.media-item[data-v-30360d85]{--row-media-item: 10}}@media screen and (min-width: 2560px){.media-item[data-v-30360d85]{--row-media-item: 15}}.media-panel[data-v-cfda5dfb]{flex:1;display:flex;min-height:0;position:relative;overflow:hidden}.media-panel .content[data-v-cfda5dfb]{flex:1;padding:10px;display:flex;flex-direction:column;-webkit-user-select:none;user-select:none}.media-info-view[data-v-cfda5dfb]{position:relative}.media-info-view .expend-btn[data-v-cfda5dfb]{display:none;position:absolute;top:60px;left:-28px;background:#2979ff;width:28px;height:40px;align-items:center;justify-content:center;border-top-left-radius:4px;border-bottom-left-radius:4px;cursor:pointer}@media screen and (max-width: 1024px){.media-info-view[data-v-cfda5dfb]{transform:translate(280px);position:absolute;top:0;right:0;height:100%;transition:transform .3s}.media-info-view.expend[data-v-cfda5dfb]{transform:translate(0)}.media-info-view .expend-btn[data-v-cfda5dfb]{display:flex}}.wrap[data-v-f0d7ccea]{flex:1;padding:10px;display:flex;flex-direction:column;-webkit-user-select:none;user-select:none;min-height:0}.media-view[data-v-f0d7ccea]{flex:1;margin-top:10px;overflow-y:auto}.media-view .items[data-v-f0d7ccea]{display:flex;flex-wrap:wrap;gap:10px}.loading[data-v-f0d7ccea]{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:flex;align-items:center;justify-content:center;text-align:center}.loading .icon[data-v-f0d7ccea]{animation:rotate-f0d7ccea 1s linear infinite}.media-item[data-v-f0d7ccea]{--row-media-item: 7;width:calc(100% / var(--row-media-item) - ((var(--row-media-item) - 1) * 10px / (var(--row-media-item)) + .01px));border:#f5f5f5 solid 5px;border-radius:6px;box-sizing:border-box;cursor:pointer;position:relative;overflow:hidden;transition:border-color .25s}.media-item.selected[data-v-f0d7ccea]{border-color:#2979ff}.media-item .image[data-v-f0d7ccea]{height:0;padding-bottom:100%;position:relative}.media-item .image .img[data-v-f0d7ccea],.media-item .image .v[data-v-f0d7ccea]{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:4px}.media-item .mask[data-v-f0d7ccea]{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;background:rgba(0,0,0,.5);display:flex;flex-direction:column;align-items:center;justify-content:center}.media-item .mask .tip[data-v-f0d7ccea]{font-size:12px;color:#fff;margin-top:5px}.media-item .progress[data-v-f0d7ccea]{width:80%;height:4px;border-radius:2px;background:#fff;position:relative;overflow:hidden}.media-item .progress .inner[data-v-f0d7ccea]{width:0;height:100%;border-radius:2px;transition:width .3s;background:#2979ff}.media-library-isnull[data-v-f0d7ccea]{padding-top:50px;text-align:center}.media-library-isnull .text[data-v-f0d7ccea]{font-size:18px;color:#ccc;margin-top:5px;margin-bottom:30px}.media-filter-warp[data-v-f0d7ccea]{display:flex;align-items:center}.media-filter-warp .split[data-v-f0d7ccea]{width:1px;height:14px;background:#f1f1f1;margin:0 5px}.media-filter-warp .filter-options[data-v-f0d7ccea]{display:flex;align-items:center;gap:5px}.media-filter-warp .filter-options .search-input[data-v-f0d7ccea],.media-filter-warp .filter-options .group-select[data-v-f0d7ccea]{min-width:200px}.media-filter-warp .select-options[data-v-f0d7ccea]{display:flex;align-items:center;gap:5px}@media screen and (max-width: 768px){.media-filter-warp[data-v-f0d7ccea]{flex-direction:column;align-items:flex-start}.media-filter-warp .select-options[data-v-f0d7ccea]{margin-top:15px}}@keyframes rotate-f0d7ccea{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media screen and (max-width: 768px){.media-item[data-v-f0d7ccea]{--row-media-item: 3}}@media screen and (min-width: 768px){.media-item[data-v-f0d7ccea]{--row-media-item: 5}}@media screen and (min-width: 1360px){.media-item[data-v-f0d7ccea]{--row-media-item: 7}}@media screen and (min-width: 1920px){.media-item[data-v-f0d7ccea]{--row-media-item: 10}}@media screen and (min-width: 2560px){.media-item[data-v-f0d7ccea]{--row-media-item: 15}}.btn-wrap[data-v-a5b5021b]{position:relative}.free-media-button[data-v-a5b5021b]{display:flex;align-items:center;justify-content:center;position:relative;height:40px;padding:0 10px;border-radius:4px;background-color:#f5f5f5;transition:background-color .3s}.free-media-button[data-v-a5b5021b]:hover{background-color:#ebebeb}.free-media-button svg[data-v-a5b5021b]{width:20px;height:20px;margin-right:5px}.free-media-button svg[data-v-a5b5021b]:last-child{margin-right:0}.list-panel[data-v-a5b5021b]{width:200px;position:absolute;top:100%;left:0;background:#fff;border:#e4e4e7 solid 1px;border-radius:4px;z-index:9;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);padding:5px}.list-panel__title[data-v-a5b5021b]{font-size:14px;font-weight:700;padding:10px;border-bottom:#f4f4f5 solid 1px}.list-panel__item[data-v-a5b5021b]{padding:8px;font-size:13px;display:flex;align-items:center;gap:5px;cursor:pointer;border-radius:4px}.list-panel__item[data-v-a5b5021b]:hover{background:#f4f4f5}.mask[data-v-a5b5021b]{position:fixed;top:0;left:0;right:0;bottom:0;z-index:-1}.media-library-warp[data-v-1fb88974]{height:100%;display:flex;flex-direction:column}.tabs[data-v-1fb88974]{padding:5px 10px 0;border-bottom:#f1f1f1 solid 1px;display:flex;align-items:center}.tabs .tabs-nav[data-v-1fb88974]{display:flex;align-items:center;height:50px;background-color:#fff;flex:1}.tabs .tabs-nav .tab-label[data-v-1fb88974]{font-size:14px;color:#333;padding:0 20px;cursor:pointer;-webkit-user-select:none;user-select:none}.tabs .tabs-nav .tab-label.active[data-v-1fb88974]{color:#007aff}.provider-desc[data-v-1fb88974]{font-size:14px;margin-left:10px}
|