删掉无用的样式

scss/components/form/_image.scss

@@ -184,192 +184,4 @@
     &-uploadBtn {
         margin-top: 5px;
     }
-}
-
-
-// todo
-
-.drop-zone {
-    border: $Form-input-borderWidth * 2 dashed $Form-input-borderColor;
-    height: 70px;
-    text-align: center;
-    display: table;
-    width: 100%;
-    color: $text--muted-color;
-    position: relative;
-    cursor: pointer;
-
-    >div:not(.image-list) {
-        display: table-cell;
-        vertical-align: middle;
-    }
-
-    &.has-files {
-        cursor: default;
-        border: 2px dashed transparent;
-    }
-}
-
-.drop-zone-wrapper:focus .drop-zone:not(.disabled) {
-    color: $text-color;
-    border: $Form-input-borderWidth * 2 dashed $Form-input-onFocused-borderColor;
-    height: 90px;
-    padding-bottom: 20px;
-    margin-bottom: 10px;
-
-    &:after {
-        content: "温馨提示：当前状态可以粘贴剪切板中的文件。如截屏";
-        position: absolute;
-        left: 10px;
-        bottom: 3px;
-        color: $text--muted-color;
-        font-size: $fontSizeSm;
-        overflow: hidden;
-        right: 0;
-        text-overflow: ellipsis;
-        background-color: white;
-    }
-}
-
-.drop-zone.disabled {
-    pointer-events: none;
-}
-
-.drop-zone-active,
-.drop-zone-active.has-files,
-.drop-zone:hover:not(.disabled):not(.has-files) {
-    color: $text-color;
-    border: $Form-input-borderWidth * 2 dashed $Form-input-onFocused-borderColor;
-}
-
-.image-list {
-    outline: none;
-    margin: -5px;
-
-    .image-item {
-        position: relative;
-        margin: 5px;
-        width: 90px;
-
-        .img-wrapper {
-            width: 90px;
-            min-height: 50px;
-            overflow: hidden;
-        }
-
-        img {
-            display: block;
-            width: 100%;
-        }
-
-        .fa-spinner {
-            position: absolute;
-            left: 50%;
-            top: 50%;
-            margin: -15px 0 0 -20px;
-            color: #fff;
-        }
-
-        .image-overlay {
-            background: rgba(0, 0, 0, 0.3);
-            border-radius: 5px;
-            position: absolute;
-            top: 0;
-            left: 0;
-            right: 0;
-            bottom: 0;
-            display: flex;
-            flex-direction: column;
-            justify-content: center;
-            align-content: center;
-            padding: 10px;
-
-            >a,
-            >button {
-                flex: 1;
-                outline: none;
-                display: flex;
-                color: #fff;
-                background: transparent;
-                border: 0;
-                text-decoration: none;
-                justify-content: center;
-                align-items: center;
-                opacity: 0.6;
-
-                &:hover {
-                    opacity: 1;
-                }
-            }
-        }
-
-        p {
-            margin: 0;
-            text-align: center;
-        }
-    }
-
-    &.image-list-multiple .image-item .img-wrapper {
-        height: 90px;
-        display: table-cell;
-        vertical-align: middle;
-    }
-
-    .image-add-btn {
-        width: 90px;
-        height: 110px;
-        line-height: 110px;
-        margin: 5px;
-        cursor: pointer;
-        float: left;
-
-        &:hover .fa {
-            color: $dark;
-        }
-    }
-
-    .image-item.uploaded {
-        .fa-spinner {
-            display: none;
-        }
-
-        .image-overlay {
-            display: none;
-        }
-
-        &:hover {
-            .image-overlay {
-                display: flex;
-            }
-        }
-    }
-}
-
-.cropper-wrapper {
-    position: relative;
-
-    img {
-        max-width: 100%;
-        max-height: 400px;
-    }
-
-    .btn {
-        position: absolute;
-        bottom: 0;
-        right: 0;
-    }
-
-    .btn:nth-child(2n + 1) {
-        bottom: 40px;
-        right: 4px;
-    }
-}
-
-@media (min-width: 768px) {
-
-    .amis-image-control.form-contorl-inline,
-    .form-group-inline .amis-image-control {
-        display: inline-block;
-        min-width: 280px;
-    }
 }