bk-magic-vue/lib/ui/upload.min.css.map

基于蓝鲸 Magicbox 和 Vue 的前端组件库

{"version":3,"sources":["upload.css"],"names":[],"mappings":"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","file":"upload.min.css","sourcesContent":["@import \"./variable.css\";\n.bk-upload {\n    img{\n        width: 100%;\n    }\n    .pic-item {\n        position: relative;\n        display: inline-block;\n        padding: 5px;\n        height: 100px;\n        width: 100px;\n        border: 1px solid $newGreyColor;\n        border-radius: 2px;\n        vertical-align: top;\n        overflow: hidden;\n        &:not(:last-child) {\n            margin-right: 10px;\n        }\n        &.fail {\n            border-color: $newRedColor1;\n            .error-image-icon {\n                font-size: 28px;\n                color: $newBlackColor3;\n            }\n        }\n        &:hover {\n            .mask {\n                display: flex;\n            }\n        }\n        .uploading-status {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            padding: 36px 10px;\n            font-size: 14px;\n            text-align: center;\n            background: $defaultColor;\n        }\n        .fail-status {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            padding: 26px 10px;\n            font-size: 14px;\n            text-align: center;\n            background: $defaultColor;\n            .error-pic {\n                font-size: 28px;\n                color: $newBlackColor3;\n            }\n            .reupload {\n                color: $newMainColor;\n            }\n            .delete-file {\n                color: $newRedColor1;\n                &:hover {\n                    color: $newRedColor1;\n                }\n            }\n        }\n        .mask {\n            display: none;\n            position: absolute;\n            left: 0;\n            top: 0;\n            width: 98px;\n            height: 98px;\n            justify-content: center;\n            align-items: center;\n            color: $defaultColor;\n            background: rgba(0, 0, 0, .6);\n            .fail-tips {\n                width: 100%;\n                height: 100%;\n            }\n        }\n        .delete-file {\n            position: absolute;\n            right: 0;\n            top: 0;\n            color: $newGreyColor;\n            font-size: 24px;\n            cursor: pointer;\n            z-index: 11;\n            &:hover {\n                color: $defaultColor;\n            }\n        }\n    }\n    .file-wrapper {\n        position: relative;\n        font-size: 14px;\n        input[type=file] {\n            width: 100%;\n            height: 100%;\n            position: absolute;\n            left: 0;\n            top: 0;\n            z-index: 10;\n            cursor: pointer;\n            opacity: 0;\n        }\n    }\n    &.button {\n        position: relative;\n        .file-wrapper {\n            width: 86px;\n            height: 36px;\n            border: 1px solid rgba(196, 198, 204, 1);\n            opacity: 1;\n            border-radius: 2px;\n            cursor: pointer;\n            margin-bottom: 10px;\n            position: relative;\n             :not(input) {\n                display: none;\n            }\n            &::before {\n                content: attr(bk-lableName);\n                position: absolute;\n                top: 0;\n                left: 0;\n                right: 0;\n                bottom: 0;\n                cursor: pointer;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n            }\n        }\n        p.tip {\n            position: absolute;\n            left: 100px;\n            top: 0;\n            margin: auto;\n            height: 34px;\n            display: flex;\n            align-items: center;\n        }\n    }\n    &.draggable {\n        .file-wrapper {\n            width: 100%;\n            height: 80px;\n            margin-bottom: 2px;\n            border-radius: 2px;\n            border: 1px dashed $newGreyColor;\n            text-align: center;\n            &:hover {\n                border-color: $newMainColor;\n                .upload-icon {\n                    color: $newMainColor;\n                }\n            }\n            &:focus {\n                border-color: $newMainColor;\n            }\n            .upload-icon {\n                display: inline-block;\n                margin: 14px 0 2px;\n                font-size: 28px;\n                color: $newGreyColor;\n            }\n            .text-area {\n                margin: 0;\n                font-size: 12px;\n            }\n            .drop-upload {\n                color: $newBlackColor2;\n            }\n            .click-upload {\n                color: $newMainColor;\n            }\n        }\n    }\n    &.picture {\n        .file-wrapper {\n            display: inline-block;\n            &:hover {\n                .upload-btn {\n                    color: $newMainColor;\n                    border-color: $newMainColor;\n                    i {\n                        color: $newMainColor;\n                    }\n                }\n                .uploaded-status .mask {\n                    display: flex;\n                }\n            }\n            &:focus {\n                .upload-btn {\n                    border-color: $newMainColor;\n                }\n            }\n            .upload-btn {\n                padding: 28px 0;\n                width: 100px;\n                height: 100px;\n                border: 1px dashed $newGreyColor;\n                border-radius: 2px;\n                text-align: center;\n                i {\n                    margin-bottom: 2px;\n                    font-size: 20px;\n                    color: $newBlackColor3;\n                }\n            }\n        }\n    }\n    .progress-bar-wrapper {\n        margin-top: 4px;\n        height: 2px;\n        border-radius: 1px;\n        background: $newGreyColor1;\n        .progress-bar {\n            height: 2px;\n            width: 0%;\n            background: $newGreenColor;\n            border-radius: 1px;\n        }\n        .uploading {\n            background: $newMainColor;\n        }\n        .success {\n            background: $successColor;\n        }\n        .fail {\n            background: $newRedColor1;\n        }\n    }\n    .tip {\n        margin: 5px 0 10px 0;\n        font-size: 12px;\n        text-align: left;\n        color: $newBlackColor2;\n    }\n    .isdrag {\n        border: 1px solid #0082ff;\n    }\n    .all-file {\n        .file-item {\n            position: relative;\n            display: flex;\n            margin-bottom: 10px;\n            height: 60px;\n            padding: 12px 10px;\n            border-radius: 2px;\n            border: 1px dashed $newGreyColor;\n            background: rgba(250, 251, 253, 1);\n            &.file-item-fail {\n                border: 1px solid $newRedColor1;\n                background: rgba(254, 221, 220, 0.4);\n                .close-upload {\n                    color: $newRedColor1;\n                    &:hover {\n                        color: $newRedColor1;\n                    }\n                }\n            }\n            .file-icon {\n                flex: 0 0 36px;\n                height: 36px;\n                width: 36px;\n                border-radius: 2px;\n                i {\n                    font-size: 36px;\n                }\n            }\n            .close-upload {\n                position: absolute;\n                top: 0;\n                right: 0;\n                font-size: $iconLargeSize;\n                color: $newGreyColor;\n                cursor: pointer;\n                z-index: 1;\n            }\n            .close-upload:hover {\n                color: $fnMainColor;\n            }\n            .file-info {\n                flex: 1;\n                position: relative;\n                margin-left: 10px;\n                line-height: 1;\n                font-size: 12px;\n                overflow: hidden;\n                .file-name {\n                    display: inline-block;\n                    font-size: 12px;\n                    max-width: 250px;\n                    line-height: 16px;\n                    white-space: nowrap;\n                    overflow: hidden;\n                    text-overflow: ellipsis;\n                }\n                .file-message {\n                    position: absolute;\n                    right: 25px;\n                    display: inline-block;\n                    font-size: 12px;\n                    line-height: 1;\n                    .upload-speed {\n                        padding-right: 40px;\n                    }\n                    .done {\n                        color: $newGreenColor;\n                    }\n                }\n                .error-msg {\n                    margin: 0;\n                    height: 18px;\n                    line-height: 18px;\n                    white-space: nowrap;\n                    overflow: hidden;\n                    text-overflow: ellipsis;\n                    font-size: 12px;\n                    color: $newRedColor1;\n                }\n            }\n        }\n    }\n}\n"]}