cnhis-design-vue 3.1.9-beta.1 → 3.1.9-beta.10

package/es/packages/chunk-upload/style/index.less

@@ -1,395 +1,395 @@
-.c-chunk-upload-container {
-  width: 100%;
-  height: 100%;
-  box-sizing: border-box;
-  background-color: #fff;
-  overflow: hidden;
-  overflow-y: auto;
-  div.uploader-drop {
-    padding: 0;
-    border: none;
-  }
-  ul,li {
-    list-style: none;
-    margin: 0;
-    padding: 0;
-  }
-
-  .uploader-app {
-    min-width: 250px;
-  }
-
-  .upload-btn {
-    padding: 20px 0px;
-    .mgl-10 {
-      margin-left: 10px;
-    }
-  }
-
-  .no-file {
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%, -50%);
-    font-size: 16px;
-  }
-
-  .uploader-file-actions > span {
-    margin-right: 6px;
-  }
-}
-
-.c-file-list-conatiner {
-  background-color: #fff;
-  height: 300px;
-  margin-top: 20px;
-  overflow: hidden;
-  overflow-y: auto;
-
-  .uploader-file {
-    height: auto;
-    line-height: initial;
-    border-bottom: none;
-  }
-}
-
-.c-file-container {
-  .c-f-item {
-    display: flex;
-
-    &-icon {
-      width: 50px;
-      text-align: center;
-      display: flex;
-      justify-content: center;
-      align-items: center;
-    }
-
-    &-info {
-      flex: 1;
-      line-height: 20px;
-
-      &-title {
-        line-height: 24px;
-        .title {
-          font-size: 14px;
-          font-family: PingFangSC-Medium, PingFang SC;
-          font-weight: 500;
-          color: rgba(0, 0, 0, 0.85);
-        }
-        .size {
-          font-size: 12px;
-          color: #9d9d9d;
-        }
-      }
-
-      &-time {
-        font-size: 12px;
-        color: #9d9d9d;
-      }
-    }
-
-    &-btn {
-      width: 100px;
-      line-height: 40px;
-      i {
-        padding: 0 5px;
-      }
-    }
-  }
-}
-
-.c-file-boder-bottom {
-  border-bottom: 1px solid #d5d5d5;
-}
-
-.c-drap-container {
-  position: relative;
-  padding-top: 45px;
-  overflow: hidden;
-  border-radius: 4px;
-  border: 1px dashed #5585f5;
-  background-color: #f9f9f9;
-  text-align: center;
-  height: 180px;
-  line-height: 1.5;
-  color: #5585f5;
-  cursor: pointer;
-  i {
-    font-size: 56px;
-    margin-bottom: 20px;
-  }
-}
-.c-upload {
-  display: flex;
-  flex-wrap: wrap;
-  margin-top: 4px;
-}
-.show-list {
-  display: inline-flex;
-  flex-wrap: wrap;
-}
-
-
-.c-uploader-preview-wrap {
-  &.vod-wrap {
-    position: relative;
-    display: inline-block;
-    background-color: #fff;
-    width: 140px;
-    height: 120px;
-    margin-right: 8px;
-    margin-bottom: 8px;
-    border: 1px dashed #eeeeee;
-    border-radius: 4px;
-    background-color: #fff;
-    .vod-uploading {
-      position: relative;
-      width: 100%;
-      height: 100%;
-      background-color: #fafafa;
-      .progress-wrap {
-        padding: 3px;
-      }
-      .uploading-msg {
-        color: #333;
-        font-size: 12px;
-        text-align: center;
-      }
-      .uploading-mask {
-        position: absolute;
-        left: 0;
-        bottom: 0;
-        display: inline-flex;
-        align-items: center;
-        justify-content: center;
-        width: 100%;
-        min-height: 20%;
-        background: rgba(0, 0, 0, 0.3);
-        color: #fff;
-        text-align: center;
-      }
-    }
-  
-    .vod-def-bg {
-      position: relative;
-      width: 100%;
-      height: 100%;
-      display: flex;
-      justify-content: center;
-      align-items: center;
-      background-color: rgba(50, 50, 51, 0.5);
-      .icon-vod-def {
-        font-size: 40px;
-        opacity: 0.3;
-        transform: scale3d(2, 2, 2);
-        transition: all 0.25s ease-out;
-      }
-      .vod-cover-img {
-        height: 100%;
-        width: 100%;
-        object-fit: cover;
-        border-radius: 4px;
-      }
-      .tooltip-wrap {
-        position: absolute;
-        top: 50%;
-        left: 50%;
-        transform: translate(-50%, -50%);
-        display: inline-flex;
-        justify-content: center;
-        align-items: center;
-        width: 120px;
-        height: 40px;
-        color: #fff;
-        background: #22de4b;
-        border-radius: 4px;
-        .upload-img {
-          display: inline-block;
-          width: 20px;
-          height: 20px;
-          margin-right: 10px;
-        }
-        &.error-wrap {
-          flex-direction: column;
-          width: 158px;
-          height: 72px;
-          background: #e02020;
-          span {
-            height: 20px;
-            line-height: 20px;
-            margin-bottom: 8px;
-          }
-        }
-      }
-      &.vod-done {
-        .tooltip-wrap {
-          opacity: 0;
-          &.is-new {
-            animation: fadeOut 2.5s 1 both;
-            @keyframes fadeOut {
-              0% {
-                opacity: 1;
-              }
-              80% {
-                opacity: 1;
-              }
-              100% {
-                opacity: 0;
-              }
-            }
-          }
-        }
-      }
-      &.vod-done:hover {
-        .icon-wrap {
-          background: rgba(0, 0, 0, 0.2);
-        }
-        .theme_outlined {
-          display: none;
-        }
-        .theme_filled {
-          display: inline-block;
-        }
-      }
-    }
-  }
-  .uploader-mask {
-    position: absolute;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
-    display: -webkit-box;
-    display: -webkit-flex;
-    display: flex;
-    -webkit-box-orient: vertical;
-    -webkit-box-direction: normal;
-    -webkit-flex-direction: column;
-    flex-direction: column;
-    -webkit-box-align: center;
-    -webkit-align-items: center;
-    align-items: center;
-    -webkit-box-pack: center;
-    -webkit-justify-content: center;
-    justify-content: center;
-    color: #fff;
-    background-color: rgba(50, 50, 51, 0.88);
-
-    .uploading-msg {
-      font-size: 12px;
-    }
-  }
-  .uploader-preview-delete {
-    position: absolute;
-    top: -16px;
-    right: -7px;
-    width: 16px;
-    height: 16px;
-    z-index: 10;
-
-    .pre-delete {
-      width: 20px;
-      height: 20px;
-      border-radius: 50%;
-      background: #fff;
-      color: #e02020;
-      font-size: 20px;
-      cursor: pointer;
-    }
-  }
-}
-
-.c-icon-wrap {
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  width: 100%;
-  height: 100%;
-  background: rgba(0, 0, 0, 0.6);
-  color: #fff;
-  font-size: 28px;
-  z-index: 1;
-  .icon-play {
-    position: relative;
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%, -50%);
-    transition: all 0.25s ease-out;
-  }
-  .theme_outlined {
-    display: inline-block;
-  }
-  .theme_filled {
-    display: none;
-  }
-}
-
-.c-chunk-uploader-btn {
-  display: table;
-  width: 140px;
-  height: 120px;
-  margin-right: 8px;
-  background: #fafafa;
-  text-align: center;
-  vertical-align: top;
-  border: 1px dashed #d5d5d5;
-  border-radius: 4px;
-  transition: border-color 0.3s ease;
-  -webkit-transition: border-color 0.3s ease;
-  cursor: pointer;
-  &.disable-upload {
-    cursor: not-allowed;
-  }
-
-  .chunk-btn-content {
-    display: table-cell;
-    width: 100%;
-    height: 100%;
-    text-align: center;
-    vertical-align: middle;
-
-    .c-uploader-btn {
-      line-height: 1.2;
-      img {
-        width: 32px;
-        height: 32px;
-      }
-      .uploader-icon {
-        font-size: 30px;
-        color: #000000;
-      }
-      .uploader-text {
-        width: 140px;
-        p {
-          color: #585858;
-          margin-bottom: 0px;
-        }
-        span {
-          color: #b6b6b6;
-          font-size: 12px;
-        }
-        .guage-text {
-          color: #585858;
-          font-size: 14px;
-        }
-      }
-    }
-  }
-
-  &:hover {
-    background: #f3f7ff;
-    border-color: #5585f5;
-    .guage-img {
-      content: url('cnhis-design-vue/es/src/assets/img/video_hover.png');
-    }
-    .c-uploader-btn .uploader-icon,
-    .c-uploader-btn .uploader-text p,
-    .c-uploader-btn .uploader-text span,
-    .c-uploader-btn .uploader-text .guage-text {
-      color: #5585f5;
-    }
-  }
+.c-chunk-upload-container {
+  width: 100%;
+  height: 100%;
+  box-sizing: border-box;
+  background-color: #fff;
+  overflow: hidden;
+  overflow-y: auto;
+  div.uploader-drop {
+    padding: 0;
+    border: none;
+  }
+  ul,li {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+  }
+
+  .uploader-app {
+    min-width: 250px;
+  }
+
+  .upload-btn {
+    padding: 20px 0px;
+    .mgl-10 {
+      margin-left: 10px;
+    }
+  }
+
+  .no-file {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    font-size: 16px;
+  }
+
+  .uploader-file-actions > span {
+    margin-right: 6px;
+  }
+}
+
+.c-file-list-conatiner {
+  background-color: #fff;
+  height: 300px;
+  margin-top: 20px;
+  overflow: hidden;
+  overflow-y: auto;
+
+  .uploader-file {
+    height: auto;
+    line-height: initial;
+    border-bottom: none;
+  }
+}
+
+.c-file-container {
+  .c-f-item {
+    display: flex;
+
+    &-icon {
+      width: 50px;
+      text-align: center;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+    }
+
+    &-info {
+      flex: 1;
+      line-height: 20px;
+
+      &-title {
+        line-height: 24px;
+        .title {
+          font-size: 14px;
+          font-family: PingFangSC-Medium, PingFang SC;
+          font-weight: 500;
+          color: rgba(0, 0, 0, 0.85);
+        }
+        .size {
+          font-size: 12px;
+          color: #9d9d9d;
+        }
+      }
+
+      &-time {
+        font-size: 12px;
+        color: #9d9d9d;
+      }
+    }
+
+    &-btn {
+      width: 100px;
+      line-height: 40px;
+      i {
+        padding: 0 5px;
+      }
+    }
+  }
+}
+
+.c-file-boder-bottom {
+  border-bottom: 1px solid #d5d5d5;
+}
+
+.c-drap-container {
+  position: relative;
+  padding-top: 45px;
+  overflow: hidden;
+  border-radius: 4px;
+  border: 1px dashed #5585f5;
+  background-color: #f9f9f9;
+  text-align: center;
+  height: 180px;
+  line-height: 1.5;
+  color: #5585f5;
+  cursor: pointer;
+  i {
+    font-size: 56px;
+    margin-bottom: 20px;
+  }
+}
+.c-upload {
+  display: flex;
+  flex-wrap: wrap;
+  margin-top: 4px;
+}
+.show-list {
+  display: inline-flex;
+  flex-wrap: wrap;
+}
+
+
+.c-uploader-preview-wrap {
+  &.vod-wrap {
+    position: relative;
+    display: inline-block;
+    background-color: #fff;
+    width: 140px;
+    height: 120px;
+    margin-right: 8px;
+    margin-bottom: 8px;
+    border: 1px dashed #eeeeee;
+    border-radius: 4px;
+    background-color: #fff;
+    .vod-uploading {
+      position: relative;
+      width: 100%;
+      height: 100%;
+      background-color: #fafafa;
+      .progress-wrap {
+        padding: 3px;
+      }
+      .uploading-msg {
+        color: #333;
+        font-size: 12px;
+        text-align: center;
+      }
+      .uploading-mask {
+        position: absolute;
+        left: 0;
+        bottom: 0;
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+        width: 100%;
+        min-height: 20%;
+        background: rgba(0, 0, 0, 0.3);
+        color: #fff;
+        text-align: center;
+      }
+    }
+  
+    .vod-def-bg {
+      position: relative;
+      width: 100%;
+      height: 100%;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      background-color: rgba(50, 50, 51, 0.5);
+      .icon-vod-def {
+        font-size: 40px;
+        opacity: 0.3;
+        transform: scale3d(2, 2, 2);
+        transition: all 0.25s ease-out;
+      }
+      .vod-cover-img {
+        height: 100%;
+        width: 100%;
+        object-fit: cover;
+        border-radius: 4px;
+      }
+      .tooltip-wrap {
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        transform: translate(-50%, -50%);
+        display: inline-flex;
+        justify-content: center;
+        align-items: center;
+        width: 120px;
+        height: 40px;
+        color: #fff;
+        background: #22de4b;
+        border-radius: 4px;
+        .upload-img {
+          display: inline-block;
+          width: 20px;
+          height: 20px;
+          margin-right: 10px;
+        }
+        &.error-wrap {
+          flex-direction: column;
+          width: 158px;
+          height: 72px;
+          background: #e02020;
+          span {
+            height: 20px;
+            line-height: 20px;
+            margin-bottom: 8px;
+          }
+        }
+      }
+      &.vod-done {
+        .tooltip-wrap {
+          opacity: 0;
+          &.is-new {
+            animation: fadeOut 2.5s 1 both;
+            @keyframes fadeOut {
+              0% {
+                opacity: 1;
+              }
+              80% {
+                opacity: 1;
+              }
+              100% {
+                opacity: 0;
+              }
+            }
+          }
+        }
+      }
+      &.vod-done:hover {
+        .icon-wrap {
+          background: rgba(0, 0, 0, 0.2);
+        }
+        .theme_outlined {
+          display: none;
+        }
+        .theme_filled {
+          display: inline-block;
+        }
+      }
+    }
+  }
+  .uploader-mask {
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: flex;
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+    -webkit-flex-direction: column;
+    flex-direction: column;
+    -webkit-box-align: center;
+    -webkit-align-items: center;
+    align-items: center;
+    -webkit-box-pack: center;
+    -webkit-justify-content: center;
+    justify-content: center;
+    color: #fff;
+    background-color: rgba(50, 50, 51, 0.88);
+
+    .uploading-msg {
+      font-size: 12px;
+    }
+  }
+  .uploader-preview-delete {
+    position: absolute;
+    top: -16px;
+    right: -7px;
+    width: 16px;
+    height: 16px;
+    z-index: 10;
+
+    .pre-delete {
+      width: 20px;
+      height: 20px;
+      border-radius: 50%;
+      background: #fff;
+      color: #e02020;
+      font-size: 20px;
+      cursor: pointer;
+    }
+  }
+}
+
+.c-icon-wrap {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  width: 100%;
+  height: 100%;
+  background: rgba(0, 0, 0, 0.6);
+  color: #fff;
+  font-size: 28px;
+  z-index: 1;
+  .icon-play {
+    position: relative;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    transition: all 0.25s ease-out;
+  }
+  .theme_outlined {
+    display: inline-block;
+  }
+  .theme_filled {
+    display: none;
+  }
+}
+
+.c-chunk-uploader-btn {
+  display: table;
+  width: 140px;
+  height: 120px;
+  margin-right: 8px;
+  background: #fafafa;
+  text-align: center;
+  vertical-align: top;
+  border: 1px dashed #d5d5d5;
+  border-radius: 4px;
+  transition: border-color 0.3s ease;
+  -webkit-transition: border-color 0.3s ease;
+  cursor: pointer;
+  &.disable-upload {
+    cursor: not-allowed;
+  }
+
+  .chunk-btn-content {
+    display: table-cell;
+    width: 100%;
+    height: 100%;
+    text-align: center;
+    vertical-align: middle;
+
+    .c-uploader-btn {
+      line-height: 1.2;
+      img {
+        width: 32px;
+        height: 32px;
+      }
+      .uploader-icon {
+        font-size: 30px;
+        color: #000000;
+      }
+      .uploader-text {
+        width: 140px;
+        p {
+          color: #585858;
+          margin-bottom: 0px;
+        }
+        span {
+          color: #b6b6b6;
+          font-size: 12px;
+        }
+        .guage-text {
+          color: #585858;
+          font-size: 14px;
+        }
+      }
+    }
+  }
+
+  &:hover {
+    background: #f3f7ff;
+    border-color: #5585f5;
+    .guage-img {
+      content: url('data:image/png;base64,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');
+    }
+    .c-uploader-btn .uploader-icon,
+    .c-uploader-btn .uploader-text p,
+    .c-uploader-btn .uploader-text span,
+    .c-uploader-btn .uploader-text .guage-text {
+      color: #5585f5;
+    }
+  }
 }