1 line
3.3 KiB
CSS
1 line
3.3 KiB
CSS
|
.sc-file-select[data-v-48ded1ad]{display:flex}.sc-file-select__files[data-v-48ded1ad]{flex:1}.sc-file-select__list[data-v-48ded1ad]{height:400px}.sc-file-select__item[data-v-48ded1ad]{display:inline-block;float:left;margin:0 15px 25px 0;width:110px;cursor:pointer}.sc-file-select__item__file[data-v-48ded1ad]{width:110px;height:110px;position:relative}.sc-file-select__item__file .el-image[data-v-48ded1ad]{width:110px;height:110px}.sc-file-select__item__box[data-v-48ded1ad]{position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid var(--el-color-success);z-index:1;display:none}.sc-file-select__item__box[data-v-48ded1ad]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--el-color-success);opacity:.2;display:none}.sc-file-select__item.active .sc-file-select__item__box[data-v-48ded1ad],.sc-file-select__item.active .sc-file-select__item__box[data-v-48ded1ad]:before,.sc-file-select__item:hover .sc-file-select__item__box[data-v-48ded1ad]{display:block}.sc-file-select__item p[data-v-48ded1ad]{margin-top:10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;-webkit-text-overflow:ellipsis;text-align:center}.sc-file-select__item__checkbox[data-v-48ded1ad]{position:absolute;width:20px;height:20px;top:7px;right:7px;z-index:2;background:rgba(0,0,0,.2);border:1px solid #fff;display:flex;flex-direction:column;align-items:center;justify-content:center}.sc-file-select__item__checkbox i[data-v-48ded1ad]{font-size:14px;color:#fff;font-weight:700;display:none}.sc-file-select__item__select[data-v-48ded1ad]{position:absolute;width:20px;height:20px;top:0;right:0;z-index:2;background:var(--el-color-success);display:none;flex-direction:column;align-items:center;justify-content:center}.sc-file-select__item__select i[data-v-48ded1ad]{font-size:14px;color:#fff;font-weight:700}.sc-file-select__item.active .sc-file-select__item__checkbox[data-v-48ded1ad]{background:var(--el-color-success)}.sc-file-select__item.active .sc-file-select__item__checkbox i[data-v-48ded1ad]{display:block}.sc-file-select__item.active .sc-file-select__item__select[data-v-48ded1ad]{display:flex}.sc-file-select__item__file .item-file[data-v-48ded1ad]{width:110px;height:110px;display:flex;flex-direction:column;align-items:center;justify-content:center}.sc-file-select__item__file .item-file i[data-v-48ded1ad]{font-size:40px}.sc-file-select__item__file .item-file.item-file-doc[data-v-48ded1ad]{color:#409eff}.sc-file-select__item__upload[data-v-48ded1ad]{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:hsla(0,0%,100%,.7);display:flex;flex-direction:column;align-items:center;justify-content:center}.sc-file-select__side[data-v-48ded1ad]{width:200px;margin-right:15px;border-right:1px solid hsla(0,0%,50%,.2);display:flex;flex-flow:column}.sc-file-select__side-menu[data-v-48ded1ad]{flex:1}.sc-file-select__side-msg[data-v-48ded1ad]{height:32px;line-height:32px}.sc-file-select__top[data-v-48ded1ad]{margin-bottom:15px;display:flex;justify-content:space-between}.sc-file-select__upload[data-v-48ded1ad]{display:inline-block}.sc-file-select__top .tips[data-v-48ded1ad]{font-size:12px;margin-left:10px;color:#999}.sc-file-select__top .tips i[data-v-48ded1ad]{font-size:14px;margin-right:5px;position:relative;bottom:-.125em}.sc-file-select__pagination[data-v-48ded1ad]{margin:15px 0}.sc-file-select__do[data-v-48ded1ad]{text-align:right}
|