cnhis-design-vue 3.1.5 → 3.1.6-beta.1

package/es/packages/select-person/style/index.less

@@ -1,229 +1,229 @@
-@primary-color: #5585f5;
-.people-tree {
-  display: flex;
-
-  .people-tree-item {
-    width: 50%;
-    padding: 22px 12px 0;
-    max-height: 376px;
-    height: 376px;
-    overflow-y: auto;
-
-    &.people-tree-left {
-      display: flex;
-      flex-direction: column;
-    }
-
-    &:first-child {
-      border-right: 1px solid #e8e8e8;
-    }
-
-    .tag-item {
-      &.isRoot {
-        background: rgba(@primary-color, 0.08);
-        border: 1px solid rgba(@primary-color, 0.5);
-        color: @primary-color;
-
-        .tag-close {
-          color: @primary-color;
-
-          &:hover {
-            color: rgba(@primary-color, 0.6);
-          }
-        }
-
-      }
-
-      box-sizing: border-box;
-      color: #212121;
-      font-size: 14px;
-      list-style: none;
-      display: inline-flex;
-      align-items: center;
-      height: 24px;
-      line-height: 24px;
-      margin-right: 8px;
-      margin-bottom: 4px;
-      padding: 0 6px;
-      white-space: nowrap;
-      background: rgba(#d5d5d5, 0.2);
-      border: 1px solid rgba(#000000, 0.14);
-      border-radius: 4px;
-      transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
-
-      .tag-close {
-        &:hover {
-          color: rgba(@primary-color, 0.6);
-        }
-
-        &:active {
-          color: #fff;
-        }
-
-        display: inline-block;
-        font-size: 14px;
-        margin-left: 3px;
-        color: #969696;
-        font-weight: 700;
-        cursor: pointer;
-        transition: all 0.3s;
-      }
-    }
-
-    .no-data-tips {
-      height: 200px;
-      width: 100%;
-      display: flex;
-      justify-content: center;
-      align-items: center;
-      font-size: 16px;
-      font-weight: 700;
-    }
-
-    .c-title {
-      font-size: 14px;
-      font-family: PingFangSC-Regular, PingFang SC;
-      font-weight: 400;
-      color: #212121;
-    }
-
-    .c-sub-title {
-      font-size: 12px;
-      font-family: PingFangSC-Regular, PingFang SC;
-      color: #4e4e4e;
-    }
-
-    .p-title {
-      font-size: 14px;
-      font-family: PingFangSC-Medium, PingFang SC;
-      font-weight: 500;
-      color: #212121;
-    }
-
-    &.tags-box {
-      display: flex;
-      flex-wrap: wrap;
-      justify-content: flex-start;
-      align-items: flex-start;
-      align-content: flex-start;
-    }
-  }
-}
-
-.df {
-  display: flex;
-}
-
-.search-input-icon {
-  color: rgba(0, 0, 0, 0.4);
-  margin-bottom: -2px;
-}
-
-.main-tree-container {
-  overflow-y: auto;
-}
-
-.df {
-  display: flex;
-}
-
-.search-tree-wrap {
-  .search-tree-item {
-    display: flex;
-    align-items: center;
-  }
-
-  .name-wrap {
-    width: 48px;
-    height: 48px;
-    background: #7d88b5;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    border-radius: 50%;
-    margin-right: 13px;
-
-    .name {
-      font-size: 16px;
-      color: #ffffff;
-      margin-bottom: 0;
-      line-height: 16px;
-    }
-  }
-
-  .info-wrap {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    display: flex;
-    flex-direction: column;
-  }
-
-  .info-wrap-top {
-    align-items: flex-end;
-    margin: 0;
-    margin-bottom: 1px;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-
-  .info-wrap-title {
-    margin-bottom: 0;
-    font-size: 16px;
-    font-family: PingFangSC-Regular, PingFang SC;
-    font-weight: 400;
-    color: #4e4e4e;
-    line-height: 16px;
-
-    .c-title {
-      font-size: 14px;
-      font-family: PingFangSC-Regular, PingFang SC;
-      font-weight: 400;
-      color: #212121;
-    }
-
-    .c-sub-title {
-      font-size: 12px;
-      font-family: PingFangSC-Regular, PingFang SC;
-      color: #4e4e4e;
-    }
-  }
-
-  .info-wrap-desc {
-    margin-left: 10px;
-    margin-bottom: 0;
-    font-size: 12px;
-    line-height: 17px;
-    color: #aeaeae;
-  }
-
-  .info-wrap-position {
-    margin-bottom: 0;
-    font-size: 12px;
-    color: #7d88b5;
-    line-height: 17px;
-  }
-}
-
-.load-more-btn-wrap {
-  display: flex;
-  justify-content: center;
-  height: 35px;
-  line-height: 35px;
-  cursor: pointer;
-  padding-top: 10px;
-  box-sizing: border-box;
-
-  .search-input-icon {
-    font-size: 16px;
-    color: rgba(0, 0, 0, 0.4);
-    margin-right: 14px;
-  }
-
-  .load-more-btn {
-    font-size: 12px;
-    color: #747c8e;
-    line-height: 12px;
-  }
-}
+@primary-color: #5585f5;
+.people-tree {
+  display: flex;
+
+  .people-tree-item {
+    width: 50%;
+    padding: 22px 12px 0;
+    max-height: 376px;
+    height: 376px;
+    overflow-y: auto;
+
+    &.people-tree-left {
+      display: flex;
+      flex-direction: column;
+    }
+
+    &:first-child {
+      border-right: 1px solid #e8e8e8;
+    }
+
+    .tag-item {
+      &.isRoot {
+        background: rgba(@primary-color, 0.08);
+        border: 1px solid rgba(@primary-color, 0.5);
+        color: @primary-color;
+
+        .tag-close {
+          color: @primary-color;
+
+          &:hover {
+            color: rgba(@primary-color, 0.6);
+          }
+        }
+
+      }
+
+      box-sizing: border-box;
+      color: #212121;
+      font-size: 14px;
+      list-style: none;
+      display: inline-flex;
+      align-items: center;
+      height: 24px;
+      line-height: 24px;
+      margin-right: 8px;
+      margin-bottom: 4px;
+      padding: 0 6px;
+      white-space: nowrap;
+      background: rgba(#d5d5d5, 0.2);
+      border: 1px solid rgba(#000000, 0.14);
+      border-radius: 4px;
+      transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
+
+      .tag-close {
+        &:hover {
+          color: rgba(@primary-color, 0.6);
+        }
+
+        &:active {
+          color: #fff;
+        }
+
+        display: inline-block;
+        font-size: 14px;
+        margin-left: 3px;
+        color: #969696;
+        font-weight: 700;
+        cursor: pointer;
+        transition: all 0.3s;
+      }
+    }
+
+    .no-data-tips {
+      height: 200px;
+      width: 100%;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      font-size: 16px;
+      font-weight: 700;
+    }
+
+    .c-title {
+      font-size: 14px;
+      font-family: PingFangSC-Regular, PingFang SC;
+      font-weight: 400;
+      color: #212121;
+    }
+
+    .c-sub-title {
+      font-size: 12px;
+      font-family: PingFangSC-Regular, PingFang SC;
+      color: #4e4e4e;
+    }
+
+    .p-title {
+      font-size: 14px;
+      font-family: PingFangSC-Medium, PingFang SC;
+      font-weight: 500;
+      color: #212121;
+    }
+
+    &.tags-box {
+      display: flex;
+      flex-wrap: wrap;
+      justify-content: flex-start;
+      align-items: flex-start;
+      align-content: flex-start;
+    }
+  }
+}
+
+.df {
+  display: flex;
+}
+
+.search-input-icon {
+  color: rgba(0, 0, 0, 0.4);
+  margin-bottom: -2px;
+}
+
+.main-tree-container {
+  overflow-y: auto;
+}
+
+.df {
+  display: flex;
+}
+
+.search-tree-wrap {
+  .search-tree-item {
+    display: flex;
+    align-items: center;
+  }
+
+  .name-wrap {
+    width: 48px;
+    height: 48px;
+    background: #7d88b5;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    border-radius: 50%;
+    margin-right: 13px;
+
+    .name {
+      font-size: 16px;
+      color: #ffffff;
+      margin-bottom: 0;
+      line-height: 16px;
+    }
+  }
+
+  .info-wrap {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    display: flex;
+    flex-direction: column;
+  }
+
+  .info-wrap-top {
+    align-items: flex-end;
+    margin: 0;
+    margin-bottom: 1px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  .info-wrap-title {
+    margin-bottom: 0;
+    font-size: 16px;
+    font-family: PingFangSC-Regular, PingFang SC;
+    font-weight: 400;
+    color: #4e4e4e;
+    line-height: 16px;
+
+    .c-title {
+      font-size: 14px;
+      font-family: PingFangSC-Regular, PingFang SC;
+      font-weight: 400;
+      color: #212121;
+    }
+
+    .c-sub-title {
+      font-size: 12px;
+      font-family: PingFangSC-Regular, PingFang SC;
+      color: #4e4e4e;
+    }
+  }
+
+  .info-wrap-desc {
+    margin-left: 10px;
+    margin-bottom: 0;
+    font-size: 12px;
+    line-height: 17px;
+    color: #aeaeae;
+  }
+
+  .info-wrap-position {
+    margin-bottom: 0;
+    font-size: 12px;
+    color: #7d88b5;
+    line-height: 17px;
+  }
+}
+
+.load-more-btn-wrap {
+  display: flex;
+  justify-content: center;
+  height: 35px;
+  line-height: 35px;
+  cursor: pointer;
+  padding-top: 10px;
+  box-sizing: border-box;
+
+  .search-input-icon {
+    font-size: 16px;
+    color: rgba(0, 0, 0, 0.4);
+    margin-right: 14px;
+  }
+
+  .load-more-btn {
+    font-size: 12px;
+    color: #747c8e;
+    line-height: 12px;
+  }
+}