| 1 |
- .el-image__error,.el-image__placeholder,.el-image__wrapper,.el-image__inner{width:100%;height:100%}.el-image{position:relative;display:inline-block;overflow:hidden}.el-image__inner{vertical-align:top;opacity:1}.el-image__inner.is-loading{opacity:0}.el-image__wrapper{position:absolute;top:0;left:0}.el-image__placeholder{background:var(--el-fill-color-light)}.el-image__error{display:flex;justify-content:center;align-items:center;font-size:14px;background:var(--el-fill-color-light);color:var(--el-text-color-placeholder);vertical-align:middle}.el-image__preview{cursor:pointer}.el-image-viewer__wrapper{position:fixed;inset:0}.el-image-viewer__btn{position:absolute;z-index:1;display:flex;align-items:center;justify-content:center;border-radius:50%;opacity:.8;cursor:pointer;box-sizing:border-box;user-select:none}.el-image-viewer__btn .el-icon{font-size:inherit;cursor:pointer}.el-image-viewer__close{top:40px;right:40px;width:40px;height:40px;font-size:40px}.el-image-viewer__canvas{position:static;width:100%;height:100%;display:flex;justify-content:center;align-items:center;user-select:none}.el-image-viewer__actions{left:50%;bottom:30px;transform:translate(-50%);width:282px;height:44px;padding:0 23px;background-color:var(--el-text-color-regular);border-color:#fff;border-radius:22px}.el-image-viewer__actions__inner{width:100%;height:100%;text-align:justify;cursor:default;font-size:23px;color:#fff;display:flex;align-items:center;justify-content:space-around}.el-image-viewer__prev{top:50%;transform:translateY(-50%);left:40px;width:44px;height:44px;font-size:24px;color:#fff;background-color:var(--el-text-color-regular);border-color:#fff}.el-image-viewer__next{top:50%;transform:translateY(-50%);right:40px;text-indent:2px;width:44px;height:44px;font-size:24px;color:#fff;background-color:var(--el-text-color-regular);border-color:#fff}.el-image-viewer__close{width:44px;height:44px;font-size:24px;color:#fff;background-color:var(--el-text-color-regular);border-color:#fff}.el-image-viewer__mask{position:absolute;width:100%;height:100%;top:0;left:0;opacity:.5;background:#000}.viewer-fade-enter-active{animation:viewer-fade-in var(--el-transition-duration)}.viewer-fade-leave-active{animation:viewer-fade-out var(--el-transition-duration)}@keyframes viewer-fade-in{0%{transform:translate3d(0,-20px,0);opacity:0}to{transform:translateZ(0);opacity:1}}@keyframes viewer-fade-out{0%{transform:translateZ(0);opacity:1}to{transform:translate3d(0,-20px,0);opacity:0}}.forum-edit-container[data-v-d7aa8d74]{background-color:#fff}.forum-edit-container .header[data-v-d7aa8d74]{padding:20px;border-bottom:1px solid #f6f6f6}.forum-edit-container .header .title[data-v-d7aa8d74]{font-size:16px;font-weight:500;color:#222;line-height:22px}.forum-edit-container .header .cancel[data-v-d7aa8d74]{font-size:14px;font-weight:400;color:#222;line-height:20px;cursor:pointer}.forum-edit-container .el-textarea[data-v-d7aa8d74]{padding:0 20px;border:initial;box-sizing:border-box}.forum-edit-container .el-textarea[data-v-d7aa8d74] .el-textarea__inner{padding:5px 0;box-shadow:none}.forum-edit-container .footer[data-v-d7aa8d74]{border-top:1px solid #f6f6f6;padding:30px 20px 20px}.forum-edit-upload[data-v-d7aa8d74]{padding:30px 20px}.forum-edit-upload .uploadbox[data-v-d7aa8d74]{cursor:pointer;width:140px;height:140px;background-color:#f5f5f5;text-align:center;line-height:140px}.forum-edit-upload .imagebox[data-v-d7aa8d74]{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,100px);gap:8px}.forum-edit-upload .imagebox img[data-v-d7aa8d74]{width:100px;height:100px;object-fit:cover;border-radius:4px}.dialog-uploadbox .tips[data-v-d7aa8d74]{font-size:16px;font-weight:400;color:#999;line-height:22px;margin:0 0 6px}.dialog-footer__left[data-v-d7aa8d74]{font-size:14px;font-weight:400;color:#666;line-height:20px}.custom-draggable[data-v-d7aa8d74]{display:flex;flex-direction:row;flex-wrap:wrap}
|
