@cmstops/pro-compo 3.9.1-harbin.1 → 3.9.1-harbin.2

package/es/contentDetailList/style/ContentListItem.less

@@ -1,132 +1,132 @@
-.medialist-component-item-view {
-  display: flex;
-  // width: 100%;
-  padding: 10px;
-  border-bottom: 1px solid #f0f0f0;
-
-  &:hover {
-    background: #fafafa;
-  }
-
-  .cover-view {
-    position: relative;
-    flex-shrink: 0;
-    width: 110px;
-    height: 70px;
-    margin-right: 20px;
-    background: #edf3ff;
-
-    .image {
-      width: 100%;
-      height: 100%;
-      border-radius: 4px;
-
-      img {
-        width: 100%;
-        height: 100%;
-      }
-    }
-
-    .no-img {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      width: 100%;
-      height: 100%;
-      color: white;
-      font-size: 30px;
-    }
-  }
-
-  .info-view {
-    display: flex;
-    flex: 1;
-    flex-direction: column;
-    justify-content: space-between;
-    padding: 2px 0;
-
-    .title {
-      display: flex;
-      align-items: center;
-      width: calc(100% - 50px);
-      margin-bottom: 10px;
-      overflow: hidden;
-      color: #1d2129;
-      font-weight: 400;
-      font-size: 16px;
-      font-style: normal;
-      line-height: 22px;
-      cursor: pointer;
-      -webkit-line-clamp: 2;
-      -webkit-box-orient: vertical;
-
-      &:hover {
-        .title_i {
-          color: #4886ff;
-          text-decoration: underline;
-        }
-      }
-
-      .title_i {
-        margin-right: 10px;
-      }
-    }
-
-    .abttrite-v {
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-
-      .left {
-        display: flex;
-        align-items: center;
-        color: #808692;
-        font-size: 12px;
-
-        .abttr {
-          display: inline-block;
-          width: 130px;
-          margin-right: 10px;
-          overflow: hidden;
-          white-space: nowrap;
-          text-overflow: ellipsis;
-
-          &.time {
-            width: 240px;
-          }
-
-          &.tags {
-            display: flex;
-            align-items: center;
-            width: 175px;
-          }
-        }
-
-        .icon {
-          margin-right: 10px;
-        }
-      }
-
-      .right {
-        margin-right: 20px;
-      }
-    }
-  }
-
-  .title-tips {
-    display: flex;
-    align-items: center;
-    margin-left: 10px;
-    color: #a3a3a3;
-    font-size: 10px;
-
-    .icon {
-      margin-right: 5px;
-      font-size: 10px;
-    }
-
-    &.red {
-      color: red;
-    }
-  }
-}
+.medialist-component-item-view {
+  display: flex;
+  // width: 100%;
+  padding: 10px;
+  border-bottom: 1px solid #f0f0f0;
+
+  &:hover {
+    background: #fafafa;
+  }
+
+  .cover-view {
+    position: relative;
+    flex-shrink: 0;
+    width: 110px;
+    height: 70px;
+    margin-right: 20px;
+    background: #edf3ff;
+
+    .image {
+      width: 100%;
+      height: 100%;
+      border-radius: 4px;
+
+      img {
+        width: 100%;
+        height: 100%;
+      }
+    }
+
+    .no-img {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      width: 100%;
+      height: 100%;
+      color: white;
+      font-size: 30px;
+    }
+  }
+
+  .info-view {
+    display: flex;
+    flex: 1;
+    flex-direction: column;
+    justify-content: space-between;
+    padding: 2px 0;
+
+    .title {
+      display: flex;
+      align-items: center;
+      width: calc(100% - 50px);
+      margin-bottom: 10px;
+      overflow: hidden;
+      color: #1d2129;
+      font-weight: 400;
+      font-size: 16px;
+      font-style: normal;
+      line-height: 22px;
+      cursor: pointer;
+      -webkit-line-clamp: 2;
+      -webkit-box-orient: vertical;
+
+      &:hover {
+        .title_i {
+          color: #4886ff;
+          text-decoration: underline;
+        }
+      }
+
+      .title_i {
+        margin-right: 10px;
+      }
+    }
+
+    .abttrite-v {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+
+      .left {
+        display: flex;
+        align-items: center;
+        color: #808692;
+        font-size: 12px;
+
+        .abttr {
+          display: inline-block;
+          width: 130px;
+          margin-right: 10px;
+          overflow: hidden;
+          white-space: nowrap;
+          text-overflow: ellipsis;
+
+          &.time {
+            width: 240px;
+          }
+
+          &.tags {
+            display: flex;
+            align-items: center;
+            width: 175px;
+          }
+        }
+
+        .icon {
+          margin-right: 10px;
+        }
+      }
+
+      .right {
+        margin-right: 20px;
+      }
+    }
+  }
+
+  .title-tips {
+    display: flex;
+    align-items: center;
+    margin-left: 10px;
+    color: #a3a3a3;
+    font-size: 10px;
+
+    .icon {
+      margin-right: 5px;
+      font-size: 10px;
+    }
+
+    &.red {
+      color: red;
+    }
+  }
+}

package/es/contentDetailList/style/CustomItem.less

@@ -1,25 +1,25 @@
-.title-desc {
-  &:hover {
-    color: #165dff;
-    text-decoration: underline;
-    cursor: pointer;
-  }
-}
-
-.abttr-content {
-  display: flex;
-  gap: 5px;
-  align-items: center;
-
-  .cms-icon-topic {
-    width: 18px;
-    height: 18px;
-  }
-
-  span {
-    width: 90%;
-    overflow: hidden;
-    white-space: nowrap;
-    text-overflow: ellipsis;
-  }
-}
+.title-desc {
+  &:hover {
+    color: #165dff;
+    text-decoration: underline;
+    cursor: pointer;
+  }
+}
+
+.abttr-content {
+  display: flex;
+  gap: 5px;
+  align-items: center;
+
+  .cms-icon-topic {
+    width: 18px;
+    height: 18px;
+  }
+
+  span {
+    width: 90%;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+  }
+}

package/es/contentDetailList/style/Doc.less

@@ -1,3 +1,3 @@
-.content-detail-list-container {
-  width: 100%;
-}
+.content-detail-list-container {
+  width: 100%;
+}

package/es/contentDetailList/style/DocItem.less

@@ -1,152 +1,152 @@
-.medialist-doc-item-view {
-  display: flex;
-  // width: 100%;
-  padding: 10px;
-  border-bottom: 1px solid #f0f0f0;
-
-  &:hover {
-    background: #fafafa;
-  }
-
-  .cover-view {
-    position: relative;
-    flex-shrink: 0;
-    width: 110px;
-    height: 70px;
-    margin-right: 20px;
-    background: #edf3ff;
-
-    .image {
-      width: 100%;
-      height: 100%;
-      border-radius: 4px;
-
-      img {
-        width: 100%;
-        height: 100%;
-      }
-    }
-
-    .batch-select {
-      position: absolute;
-      top: 3px;
-      left: 5px;
-    }
-
-    .local_live_state {
-      position: absolute;
-      bottom: 5px;
-      left: 5px;
-      padding: 3px 8px;
-      color: #fff;
-      font-size: 10px;
-      font-size: 500;
-      border-radius: 4px;
-    }
-
-    .no-img {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      width: 100%;
-      height: 100%;
-      color: white;
-      font-size: 30px;
-    }
-  }
-
-  .info-view {
-    display: flex;
-    flex: 1;
-    flex-direction: column;
-    justify-content: space-between;
-    padding: 2px 0;
-
-    .title {
-      display: flex;
-      align-items: center;
-      width: calc(100% - 50px);
-      margin-bottom: 10px;
-      overflow: hidden;
-      color: #1d2129;
-      font-weight: 400;
-      font-size: 16px;
-      font-style: normal;
-      line-height: 22px;
-      cursor: pointer;
-      -webkit-line-clamp: 2;
-      -webkit-box-orient: vertical;
-
-      .text {
-        &:hover {
-          color: #4886ff;
-          text-decoration: underline;
-
-          .index {
-            text-decoration: unset;
-          }
-        }
-      }
-    }
-
-    .abttrite-v {
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-
-      .left {
-        display: flex;
-        flex: 1;
-        align-items: center;
-        color: #4e5969;
-        font-size: 12px;
-
-        .icon {
-          margin-right: 8px;
-        }
-
-        .tags {
-          display: inline-block;
-          width: 200px;
-        }
-
-        .abttr {
-          display: inline-block;
-          width: 20%;
-          margin-right: 10px;
-          overflow: hidden;
-          white-space: nowrap;
-          text-overflow: ellipsis;
-          cursor: pointer;
-
-          &.btn {
-            padding: 0;
-            text-align: left;
-
-            &:hover,
-            &:active {
-              background: transparent;
-            }
-          }
-
-          .btn {
-            padding: 0;
-            text-align: left;
-          }
-
-          &.time {
-            width: 30%;
-          }
-        }
-      }
-
-      .right {
-        margin-right: 20px;
-      }
-    }
-  }
-}
-
-.popper-categories {
-  max-width: 600px;
-}
+.medialist-doc-item-view {
+  display: flex;
+  // width: 100%;
+  padding: 10px;
+  border-bottom: 1px solid #f0f0f0;
+
+  &:hover {
+    background: #fafafa;
+  }
+
+  .cover-view {
+    position: relative;
+    flex-shrink: 0;
+    width: 110px;
+    height: 70px;
+    margin-right: 20px;
+    background: #edf3ff;
+
+    .image {
+      width: 100%;
+      height: 100%;
+      border-radius: 4px;
+
+      img {
+        width: 100%;
+        height: 100%;
+      }
+    }
+
+    .batch-select {
+      position: absolute;
+      top: 3px;
+      left: 5px;
+    }
+
+    .local_live_state {
+      position: absolute;
+      bottom: 5px;
+      left: 5px;
+      padding: 3px 8px;
+      color: #fff;
+      font-size: 10px;
+      font-size: 500;
+      border-radius: 4px;
+    }
+
+    .no-img {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      width: 100%;
+      height: 100%;
+      color: white;
+      font-size: 30px;
+    }
+  }
+
+  .info-view {
+    display: flex;
+    flex: 1;
+    flex-direction: column;
+    justify-content: space-between;
+    padding: 2px 0;
+
+    .title {
+      display: flex;
+      align-items: center;
+      width: calc(100% - 50px);
+      margin-bottom: 10px;
+      overflow: hidden;
+      color: #1d2129;
+      font-weight: 400;
+      font-size: 16px;
+      font-style: normal;
+      line-height: 22px;
+      cursor: pointer;
+      -webkit-line-clamp: 2;
+      -webkit-box-orient: vertical;
+
+      .text {
+        &:hover {
+          color: #4886ff;
+          text-decoration: underline;
+
+          .index {
+            text-decoration: unset;
+          }
+        }
+      }
+    }
+
+    .abttrite-v {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+
+      .left {
+        display: flex;
+        flex: 1;
+        align-items: center;
+        color: #4e5969;
+        font-size: 12px;
+
+        .icon {
+          margin-right: 8px;
+        }
+
+        .tags {
+          display: inline-block;
+          width: 200px;
+        }
+
+        .abttr {
+          display: inline-block;
+          width: 20%;
+          margin-right: 10px;
+          overflow: hidden;
+          white-space: nowrap;
+          text-overflow: ellipsis;
+          cursor: pointer;
+
+          &.btn {
+            padding: 0;
+            text-align: left;
+
+            &:hover,
+            &:active {
+              background: transparent;
+            }
+          }
+
+          .btn {
+            padding: 0;
+            text-align: left;
+          }
+
+          &.time {
+            width: 30%;
+          }
+        }
+      }
+
+      .right {
+        margin-right: 20px;
+      }
+    }
+  }
+}
+
+.popper-categories {
+  max-width: 600px;
+}