{"version":3,"sources":["webpack://jerri-ui/src/components/contactsList/F:/All project/JR-UI-pub/src/components/contactsList/contactsList.scss","webpack://jerri-ui/src/components/contactsList/F:/All project/JR-UI-pub/src/components/contactsList/contactsList.vue"],"names":[],"mappings":"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","file":"style.css","sourcesContent":["ul {\r\n  margin: 0px;\r\n  padding: 0px;\r\n}\r\n\r\n.flex-box {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n\r\n// 以上均为公共样式\r\n\r\n.main-box {\r\n  align-items: flex-start;\r\n  padding-top: 20px;\r\n}\r\n\r\n.ps-left {\r\n  width: 600px;\r\n\r\n  .filter-box {\r\n    height: 36px;\r\n    background-color: #fff;\r\n    border: 1px solid $--color-c3;\r\n    border-radius: $--border-radius-base $--border-radius-base 0px 0px;\r\n\r\n    input {\r\n      width: 100%;\r\n      padding-left: 10px;\r\n      height: 34px;\r\n      border: 1px solid #ffffff;\r\n      border-radius: $--border-radius-base;\r\n      line-height: 36px;\r\n      outline: none;\r\n      font-size: 13px;\r\n    }\r\n\r\n    .search-type {\r\n      float: left;\r\n      position: relative;\r\n\r\n      p {\r\n        cursor: pointer;\r\n        margin: 1px 5px 0 20px;\r\n        position: relative;\r\n        width: 80px;\r\n        text-align: left;\r\n\r\n        span {\r\n          font-size: 13px;\r\n          white-space: nowrap;\r\n          font-weight: bold;\r\n        }\r\n\r\n        &:after {\r\n          content: \" \";\r\n          position: absolute;\r\n          top: 2px;\r\n          right: 0px;\r\n          width: 1px;\r\n          background: #999;\r\n          height: 15px;\r\n        }\r\n\r\n        ul {\r\n          box-shadow: 0px 1px 5px 0px #8293b0;\r\n          background: #fff;\r\n          padding: 4px 0;\r\n          position: absolute;\r\n          top: 31px;\r\n          left: -19px;\r\n          width: 92px;\r\n          z-index: 2;\r\n          li {\r\n            text-align: center;\r\n            height: 36px;\r\n            line-height: 36px;\r\n            font-size: 13px;\r\n            &:hover {\r\n              background: $--color-c10;\r\n            }\r\n          }\r\n        }\r\n      }\r\n      .icon-triangle {\r\n        position: absolute;\r\n        right: 0;\r\n        top: 8px;\r\n        font-size: 25px;\r\n        height: 5px;\r\n        width: 5px;\r\n        top: 8px;\r\n        display: inline-block;\r\n        vertical-align: middle;\r\n        cursor: pointer;\r\n        border-style: solid;\r\n        border-width: 3px 3px 0 3px;\r\n        border-color: #000 transparent transparent transparent;\r\n        margin-right: 14px;\r\n        &.open {\r\n          border-width: 3px 0px 3px 3px;\r\n          border-color: transparent transparent transparent #000;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .main-list {\r\n    margin-top: -1px;\r\n  }\r\n\r\n  .user-choose-area {\r\n    width: 100%;\r\n    height: 425px;\r\n    background-color: #fff;\r\n    border: 1px solid $--color-c3;\r\n    border-radius: 0px 0px $--border-radius-base $--border-radius-base;\r\n    box-sizing: border-box;\r\n    align-items: flex-start;\r\n    position: relative;\r\n\r\n    .department,\r\n    .group {\r\n      flex: 1;\r\n      padding: 10px 0;\r\n      max-height: 422px;\r\n      overflow-y: auto;\r\n      box-sizing: border-box;\r\n      dt {\r\n        font-size: 14px;\r\n        padding: 0 10px 0 10px;\r\n        height: 36px;\r\n        line-height: 36px;\r\n        overflow: hidden;\r\n        white-space: nowrap;\r\n        text-overflow: ellipsis;\r\n        position: relative;\r\n        cursor: pointer;\r\n        text-align: left;\r\n      }\r\n      dd {\r\n        height: 36px;\r\n        line-height: 36px;\r\n        text-overflow: ellipsis;\r\n        overflow: hidden;\r\n        white-space: nowrap;\r\n        padding: 0 10px 0 40px;\r\n        position: relative;\r\n        text-align: left;\r\n        font-size: 14px;\r\n      }\r\n    }\r\n    .department {\r\n\r\n      .icon {\r\n        font-size: 21px;\r\n        position: relative;\r\n        top: 8px;\r\n        color: #000;\r\n        transition: 0.3s;\r\n        float: left;\r\n        &.folder {\r\n          transform: rotate(-90deg);\r\n          top: 6px;\r\n          left: 3px;\r\n        }\r\n      }\r\n      dd {\r\n        &:hover {\r\n          background-color: $--color-c14;\r\n          color: #000;\r\n          cursor: pointer;\r\n        }\r\n        &.active {\r\n          background-color: $--color-c10;\r\n          font-weight: bold;\r\n        }\r\n      }\r\n    }\r\n    .group {\r\n      dd {\r\n        cursor: pointer;\r\n        &.active {\r\n          background-color: $--color-c10;\r\n        }\r\n        &:hover {\r\n          background-color: $--color-c14;\r\n\r\n          .icon-wrong-warning {\r\n            display: inline-block !important;\r\n          }\r\n        }\r\n        span {\r\n          margin-left: 10px;\r\n          color: #999;\r\n          max-width: 106px;\r\n          cursor: pointer;\r\n          &.name {\r\n            color: #000;\r\n            margin-left: 0;\r\n          }\r\n        }\r\n        label {\r\n          cursor: pointer;\r\n          padding-right: 26px;\r\n          position: relative;\r\n\r\n          .icon {\r\n            position: absolute;\r\n            right: 0;\r\n            top: 6px;\r\n            font-size: 25px;\r\n\r\n            &.icon-right-warning {\r\n              color: $--color-c9;\r\n              top: 6px;\r\n            }\r\n\r\n            &.icon-wrong-warning {\r\n              display: none;\r\n              transform: rotate(45deg);\r\n              color: $--color-c9;\r\n            }\r\n          }\r\n        }\r\n      }\r\n      dt {\r\n        font-weight: 600;\r\n        cursor: default;\r\n        text-align: left;\r\n\r\n        .point {\r\n          width: 6px;\r\n          height: 6px;\r\n          border-radius: 50%;\r\n          background-color: #000;\r\n          float: left;\r\n          position: relative;\r\n          top: 15px;\r\n          margin: 0px 10px;\r\n        }\r\n      }\r\n      .people {\r\n        width: 100%;\r\n        display: block;\r\n        box-sizing: border-box;\r\n        max-width: 249px;\r\n        overflow: hidden;\r\n        text-overflow: ellipsis;\r\n        white-space: nowrap;\r\n      }\r\n    }\r\n\r\n    &::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      top: 0px;\r\n      left: 299px;\r\n      width: 1px;\r\n      height: 425px;\r\n      border-left: 1px solid rgb(222, 228, 236);\r\n      border-left-width: 1px;\r\n      border-left-style: solid;\r\n      border-left-color: rgb(222, 228, 236);\r\n    }\r\n  }\r\n\r\n  .org-choose-area {\r\n    width: 100%;\r\n    height: 425px;\r\n    background-color: #fff;\r\n    border: 1px solid $--color-c3;\r\n    border-radius: 0px 0px $--border-radius-base $--border-radius-base;\r\n    box-sizing: border-box;\r\n    align-items: flex-start;\r\n    position: relative;\r\n\r\n    .department {\r\n      flex: 1;\r\n      padding: 10px 0;\r\n      max-height: 422px;\r\n      overflow-y: auto;\r\n      box-sizing: border-box;\r\n\r\n      .icon-sort-up {\r\n        font-size: 21px;\r\n        position: relative;\r\n        top: 8px;\r\n        color: #000;\r\n        transition: 0.3s;\r\n        float: left;\r\n        &.folder {\r\n          transform: rotate(-90deg);\r\n          top: 6px;\r\n          left: 3px;\r\n        }\r\n      }\r\n      dt:hover, dd:hover {\r\n        .icon-wrong-warning {\r\n          display: inline-block !important;\r\n        }\r\n      }\r\n      .icon-wrong-warning {\r\n        display: none;\r\n        font-size: 25px;\r\n        position: absolute;\r\n        top: 5px;\r\n        right: 10px;\r\n        transform: rotate(45deg);\r\n        color: $--color-c9;\r\n      }\r\n\r\n      dt {\r\n        font-size: 14px;\r\n        padding: 0 10px 0 20px;\r\n        height: 36px;\r\n        line-height: 36px;\r\n        overflow: hidden;\r\n        white-space: nowrap;\r\n        text-overflow: ellipsis;\r\n        position: relative;\r\n        cursor: pointer;\r\n        text-align: left;\r\n      }\r\n      dd {\r\n        line-height: 36px;\r\n        text-overflow: ellipsis;\r\n        overflow: hidden;\r\n        white-space: nowrap;\r\n        padding: 0 10px 0 40px;\r\n        position: relative;\r\n        text-align: left;\r\n        font-size: 14px;\r\n\r\n        &:hover {\r\n          background-color: $--color-c14;\r\n          color: #000;\r\n          cursor: pointer;\r\n        }\r\n        &.active {\r\n          background-color: $--color-c10;\r\n          font-weight: bold;\r\n        }\r\n      }\r\n      .team {\r\n        dd {\r\n          padding: 0 10px 0 80px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .position-choose-area {\r\n    width: 100%;\r\n    height: 425px;\r\n    background-color: #fff;\r\n    border: 1px solid $--color-c3;\r\n    border-radius: 0px 0px $--border-radius-base $--border-radius-base;\r\n    box-sizing: border-box;\r\n    align-items: flex-start;\r\n    position: relative;\r\n\r\n    .department {\r\n      flex: 1;\r\n      padding: 10px 0;\r\n      max-height: 422px;\r\n      overflow-y: auto;\r\n      box-sizing: border-box;\r\n      dt {\r\n        font-size: 14px;\r\n        padding: 0 10px 0 10px;\r\n        height: 36px;\r\n        line-height: 36px;\r\n        overflow: hidden;\r\n        white-space: nowrap;\r\n        text-overflow: ellipsis;\r\n        position: relative;\r\n        cursor: pointer;\r\n        text-align: left;\r\n      }\r\n      dd {\r\n        height: 36px;\r\n        line-height: 36px;\r\n        text-overflow: ellipsis;\r\n        overflow: hidden;\r\n        white-space: nowrap;\r\n        padding: 0 10px 0 40px;\r\n        position: relative;\r\n        text-align: left;\r\n        font-size: 14px;\r\n      }\r\n\r\n      .icon {\r\n        font-size: 21px;\r\n        position: relative;\r\n        top: 8px;\r\n        color: #000;\r\n        transition: 0.3s;\r\n        float: left;\r\n        &.folder {\r\n          transform: rotate(-90deg);\r\n          top: 6px;\r\n          left: 3px;\r\n        }\r\n      }\r\n      dd {\r\n        &:hover {\r\n          background-color: $--color-c14;\r\n          color: #000;\r\n          cursor: pointer;\r\n        }\r\n        &.active {\r\n          background-color: $--color-c10;\r\n          font-weight: bold;\r\n        }\r\n      }\r\n    }\r\n    .cascade-group {\r\n      flex: 1;\r\n      padding: 10px 0;\r\n      max-height: 422px;\r\n      overflow-y: auto;\r\n      box-sizing: border-box;\r\n      dt {\r\n        font-size: 14px;\r\n        padding: 0 10px 0 10px;\r\n        height: 36px;\r\n        line-height: 36px;\r\n        overflow: hidden;\r\n        white-space: nowrap;\r\n        text-overflow: ellipsis;\r\n        position: relative;\r\n        cursor: pointer;\r\n        text-align: left;\r\n        font-weight: 600;\r\n        cursor: default;\r\n\r\n        .point {\r\n          width: 6px;\r\n          height: 6px;\r\n          border-radius: 50%;\r\n          background-color: #000;\r\n          float: left;\r\n          position: relative;\r\n          top: 15px;\r\n          margin: 0px 10px;\r\n        }\r\n      }\r\n      dd {\r\n        height: 36px;\r\n        line-height: 36px;\r\n        text-overflow: ellipsis;\r\n        overflow: hidden;\r\n        white-space: nowrap;\r\n        padding: 0 10px 0 40px;\r\n        position: relative;\r\n        text-align: left;\r\n        font-size: 14px;\r\n\r\n        cursor: pointer;\r\n        &.active {\r\n          background-color: $--color-c10;\r\n        }\r\n        &:hover {\r\n          background-color: $--color-c14;\r\n\r\n          .icon-wrong-warning {\r\n            display: inline-block !important;\r\n          }\r\n        }\r\n        span {\r\n          margin-left: 10px;\r\n          color: #999;\r\n          max-width: 106px;\r\n          cursor: pointer;\r\n          &.name {\r\n            color: #000;\r\n            margin-left: 0;\r\n          }\r\n        }\r\n        label {\r\n          cursor: pointer;\r\n          padding-right: 26px;\r\n\r\n          .icon {\r\n            position: absolute;\r\n            right: 0;\r\n            top: 6px;\r\n            font-size: 25px;\r\n\r\n            &.icon-right-warning {\r\n              color: $--color-c9;\r\n              top: 6px;\r\n            }\r\n\r\n            &.icon-wrong-warning {\r\n              display: none;\r\n              transform: rotate(45deg);\r\n              color: $--color-c9;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    .group {\r\n      flex: 1;\r\n      padding: 10px 0;\r\n      max-height: 422px;\r\n      overflow-y: auto;\r\n      box-sizing: border-box;\r\n\r\n      .icon {\r\n        position: absolute;\r\n        right: 0;\r\n        top: 6px;\r\n        font-size: 25px;\r\n\r\n        &.icon-right-warning {\r\n          color: $--color-c9;\r\n          right: 7px;\r\n          top: 6px;\r\n        }\r\n\r\n        &.icon-wrong-warning {\r\n          display: none;\r\n          transform: rotate(45deg);\r\n          color: $--color-c9;\r\n        }\r\n      }\r\n\r\n      dt {\r\n        font-size: 14px;\r\n        padding: 0 10px 0 20px;\r\n        height: 36px;\r\n        line-height: 36px;\r\n        overflow: hidden;\r\n        white-space: nowrap;\r\n        text-overflow: ellipsis;\r\n        position: relative;\r\n        cursor: pointer;\r\n        text-align: left;\r\n\r\n        cursor: pointer;\r\n        &.active {\r\n          background-color: $--color-c10 !important;\r\n          font-weight: bold;\r\n        }\r\n        &:hover {\r\n          background-color: $--color-c14;\r\n\r\n          .icon-wrong-warning {\r\n            display: inline-block !important;\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    &::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      top: 0px;\r\n      left: 299px;\r\n      width: 1px;\r\n      height: 425px;\r\n      border-left: 1px solid rgb(222, 228, 236);\r\n      border-left-width: 1px;\r\n      border-left-style: solid;\r\n      border-left-color: rgb(222, 228, 236);\r\n    }\r\n  }\r\n\r\n  .user-search-choose {\r\n    width: 100%;\r\n    height: 425px;\r\n    background-color: #fff;\r\n    box-sizing: border-box;\r\n    border: 1px solid $--color-c3;\r\n    border-radius: 0px 0px $--border-radius-base $--border-radius-base;\r\n    padding: 10px 0;\r\n    overflow-y: auto;\r\n    .none {\r\n      width: 100%;\r\n      height: 100%;\r\n      background: url(\"../../assets/images/contactList/address-book-none.png\")\r\n        center center no-repeat;\r\n    }\r\n    li {\r\n      padding: 0 36px 0 10px;\r\n      height: 36px;\r\n      line-height: 36px;\r\n      position: relative;\r\n      justify-content: flex-start;\r\n      overflow: hidden;\r\n      text-overflow: ellipsis;\r\n      white-space: nowrap;\r\n      color: #999;\r\n      cursor: pointer;\r\n      font-size: 14px;\r\n      text-align: left;\r\n      &:hover {\r\n        background-color: $--color-c14;\r\n\r\n        .icon-wrong-warning {\r\n          display: inline-block !important;\r\n        }\r\n      }\r\n      .icon {\r\n        position: absolute;\r\n        right: 8px;\r\n        top: 6px;\r\n        font-size: 25px;\r\n\r\n        &.icon-right-warning {\r\n          color: $--color-c9;\r\n          right: 7px;\r\n          top: 6px;\r\n        }\r\n\r\n        &.icon-wrong-warning {\r\n          display: none;\r\n          transform: rotate(45deg);\r\n          color: $--color-c9;\r\n        }\r\n      }\r\n      span,\r\n      b,\r\n      label {\r\n        color: #999;\r\n        margin-left: 10px;\r\n        cursor: pointer;\r\n        font-weight: 400;\r\n      }\r\n      b {\r\n        color: #000;\r\n        margin-left: 0;\r\n      }\r\n      &.active {\r\n        background-color: $--color-c14;\r\n      }\r\n    }\r\n  }\r\n\r\n  .org-search-choose {\r\n    width: 100%;\r\n    height: 425px;\r\n    background-color: #fff;\r\n    box-sizing: border-box;\r\n    padding: 10px 0;\r\n    overflow-y: auto;\r\n    border: 1px solid $--color-c3;\r\n    border-radius: 0px 0px $--border-radius-base $--border-radius-base;\r\n    .none {\r\n      width: 100%;\r\n      height: 100%;\r\n      background: url(\"../../assets/images/contactList/address-book-none.png\")\r\n        center center no-repeat;\r\n    }\r\n    li {\r\n      padding: 0 36px 0 10px;\r\n      height: 36px;\r\n      line-height: 36px;\r\n      position: relative;\r\n      justify-content: flex-start;\r\n      overflow: hidden;\r\n      text-overflow: ellipsis;\r\n      white-space: nowrap;\r\n      color: #999;\r\n      cursor: pointer;\r\n      font-size: 14px;\r\n      text-align: left;\r\n      &:hover {\r\n        background-color: $--color-c14;\r\n\r\n        .icon-wrong-warning {\r\n          display: inline-block !important;\r\n        }\r\n      }\r\n      .icon {\r\n        position: absolute;\r\n        right: 8px;\r\n        top: 6px;\r\n        font-size: 25px;\r\n\r\n        &.icon-right-warning {\r\n          color: $--color-c9;\r\n          right: 7px;\r\n          top: 6px;\r\n        }\r\n\r\n        &.icon-wrong-warning {\r\n          display: none;\r\n          transform: rotate(45deg);\r\n          color: $--color-c9;\r\n        }\r\n      }\r\n      span,\r\n      b,\r\n      label {\r\n        color: #999;\r\n        margin-left: 10px;\r\n        cursor: pointer;\r\n        font-weight: 400;\r\n      }\r\n      b {\r\n        color: #000;\r\n        margin-left: 0;\r\n      }\r\n      &.active {\r\n        background-color: $--color-c14;\r\n      }\r\n    }\r\n  }\r\n\r\n  .position-search-choose {\r\n    width: 100%;\r\n    height: 425px;\r\n    background-color: #fff;\r\n    box-sizing: border-box;\r\n    border: 1px solid $--color-c3;\r\n    border-radius: 0px 0px $--border-radius-base $--border-radius-base;\r\n    padding: 10px 0;\r\n    overflow-y: auto;\r\n    .none {\r\n      width: 100%;\r\n      height: 100%;\r\n      background: url(\"../../assets/images/contactList/address-book-none.png\")\r\n        center center no-repeat;\r\n    }\r\n    li {\r\n      padding: 0 36px 0 10px;\r\n      height: 36px;\r\n      line-height: 36px;\r\n      position: relative;\r\n      justify-content: flex-start;\r\n      overflow: hidden;\r\n      text-overflow: ellipsis;\r\n      white-space: nowrap;\r\n      color: #999;\r\n      cursor: pointer;\r\n      font-size: 14px;\r\n      text-align: left;\r\n      &:hover {\r\n        background-color: $--color-c14;\r\n\r\n        .icon-wrong-warning {\r\n          display: inline-block !important;\r\n        }\r\n      }\r\n      .icon {\r\n        position: absolute;\r\n        right: 8px;\r\n        top: 6px;\r\n        font-size: 25px;\r\n\r\n        &.icon-right-warning {\r\n          color: $--color-c9;\r\n          right: 7px;\r\n          top: 6px;\r\n        }\r\n\r\n        &.icon-wrong-warning {\r\n          display: none;\r\n          transform: rotate(45deg);\r\n          color: $--color-c9;\r\n        }\r\n      }\r\n      span,\r\n      b,\r\n      label {\r\n        color: #999;\r\n        margin-left: 10px;\r\n        cursor: pointer;\r\n        font-weight: 400;\r\n      }\r\n      b {\r\n        color: #000;\r\n        margin-left: 0;\r\n      }\r\n      &.active {\r\n        background-color: $--color-c14;\r\n      }\r\n    }\r\n  }\r\n\r\n  .none {\r\n    color: #999;\r\n    font-size: 14px;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: #fff;\r\n    z-index: 1;\r\n  }\r\n\r\n}\r\n\r\n.ps-right {\r\n  width: 300px;\r\n  height: 460px;\r\n  background: #fff;\r\n  margin-left: 10px;\r\n  border: 1px solid $--color-c3;\r\n  border-radius: $--border-radius-base;\r\n\r\n  > h5 {\r\n    font-weight: bold;\r\n    padding: 10px;\r\n    padding-left: 19px;\r\n    font-size: 14px;\r\n    text-align: left;\r\n  }\r\n\r\n  .department {\r\n    max-height: 422px;\r\n    overflow-y: auto;\r\n    box-sizing: border-box;\r\n\r\n    dt {\r\n      font-size: 13px;\r\n      padding: 0 10px 0 40px;\r\n      height: 36px;\r\n      line-height: 36px;\r\n      overflow: hidden;\r\n      white-space: nowrap;\r\n      text-overflow: ellipsis;\r\n      position: relative;\r\n      cursor: pointer;\r\n      text-align: left;\r\n      color: #999;\r\n\r\n      .icon {\r\n        font-size: 21px;\r\n        position: absolute;\r\n        left: 14px;\r\n        top: 8px;\r\n        color: #999;\r\n        transition: 0.3s;\r\n        &.folder {\r\n          transform: rotate(-90deg);\r\n          top: 4px;\r\n          left: 18px;\r\n        }\r\n      }\r\n    }\r\n\r\n    dd {\r\n      height: 36px;\r\n      line-height: 36px;\r\n      text-overflow: ellipsis;\r\n      overflow: hidden;\r\n      white-space: nowrap;\r\n      padding: 0 30px 0 40px;\r\n      font-size: 14px;\r\n      position: relative;\r\n      text-align: left;\r\n\r\n      &:hover {\r\n        background-color: $--color-c14;\r\n        color: #000;\r\n        cursor: pointer;\r\n\r\n        .icon-prohibit {\r\n          display: inline-block;\r\n        }\r\n      }\r\n      &.active {\r\n        background-color: $--color-c10;\r\n        font-weight: bold;\r\n      }\r\n      span.name {\r\n          color: #000;\r\n          margin-right: 10px;\r\n      }\r\n      span {\r\n        max-width: 121px;\r\n        overflow: hidden;\r\n        text-overflow: ellipsis;\r\n        white-space: nowrap;\r\n        color: #999;\r\n        font-size: 14px;\r\n      }\r\n      .icon-prohibit {\r\n        display: none;\r\n        color: #f55c54;\r\n        position: absolute;\r\n        right: 6px;\r\n        top: 6px;\r\n        font-size: 25px;\r\n      }\r\n    }\r\n  }\r\n\r\n\r\n  .none {\r\n    width: 100%;\r\n    height: 410px;\r\n    color: #999;\r\n  }\r\n\r\n}\r\n\r\n.tools-box {\r\n  margin-top: 20px;\r\n  div.success {\r\n    margin-right: 10px;\r\n  }\r\n  .success,\r\n  .cancel {\r\n    margin-left: 10px;\r\n    width: 76px;\r\n  }\r\n}\r\n","/* 颜色变量 几种常见的颜色 参考图片\r\n-------------------------- */\r\n// 亮晶晶\r\n$--color-c0: transparent !default;\r\n// 黑色\r\n$--color-c1: #000 !default;\r\n// 输入框占位字体颜色\r\n$--color-c2: #999 !default;\r\n// 分割线/标签描边/滚动条/icon禁用\r\n$--color-c3: #abc0ba !default;\r\n// 表头背景\r\n$--color-c4: #e2e9e7 !default;\r\n// 内容区域底色\r\n$--color-c5: #f9fbf9 !default;\r\n// 白色\r\n$--color-c6: #fff !default;\r\n// 菜单栏/各类大标题\r\n$--color-c7: #003f2d !default;\r\n// 按钮/图标/字体点亮\r\n$--color-c8: #067f42 !default;\r\n// VI色/按钮hover色\r\n$--color-c9: #1aa849 !default;\r\n// 下拉条选中/弹窗选中\r\n$--color-c10: #e3f7e3 !default;\r\n// 强调/提醒/警示\r\n$--color-c11: #ff5c54 !default;\r\n// 强调/提醒\r\n$--color-c12: #ff8e00 !default;\r\n// 下拉选项字体颜色\r\n$--color-c13: #333 !default;\r\n// 滚动条背景色\r\n$--color-c14: #eff4ef !default;\r\n// 弹窗标题背景色\r\n$--color-c15: #1f6c44 !default;\r\n// 禁用输入框背景色\r\n$--color-c16: #f7f9f9 !default;\r\n// 禁用输入框字体颜色\r\n$--color-c17: #666 !default;\r\n// 白色按钮禁用字体颜色 滚动条hover颜色 + -号按钮默认字体颜色\r\n$--color-c18: #7e9e94 !default;\r\n// 弹窗关闭icon的hover色\r\n$--color-c19: #00ff06 !default;\r\n\r\n/* 字体大小，以衣服尺码数来区分大小 XXS、XS、S、M、L、XL、XXL、XXXL\r\n-------------------------- */\r\n$--font-xxl: 32px !default;\r\n$--font-xl: 26px !default;\r\n$--font-l: 24px !default;\r\n$--font-m: 16px !default;\r\n$--font-s: 15px !default;\r\n$--font-xs: 14px !default;\r\n$--font-xxs: 13px !default;\r\n$--font-xxxs: 12px !default;\r\n\r\n/* 圆角\r\n-------------------------- */\r\n$--border-radius-base: 3px !default;\r\n// ellipse tab圆角\r\n$--border-radius-tabs: 13px !default;\r\n// 滚动条\r\n$--border-radius-scroll: 2px !default;\r\n\r\n/* 阴影\r\n-------------------------- */\r\n$--box-shadow-base: 0px 1px 10px 0px rgba($--color-c1, 0.2) !default;\r\n// 按钮阴影\r\n$--box-shadow-btn: 0px 3px 3px 0px rgba(0, 63, 45, 0.45) !default;\r\n// 输入框阴影\r\n$--box-shadow-input: 0 0 0 2px rgba(26, 168, 73, 0.3) !default;\r\n// tabs阴影\r\n$--box-shadow-tabs: 0px -1px 1px 0px rgba($--color-c1, 0.06) !default;\r\n$--box-shadow-ellipse: 0px 2px 6px 0px rgba(38, 50, 56, 0.16) !default;\r\n\r\n/* 高度\r\n-------------------------- */\r\n// 输入框高度\r\n$--height-input: 32px !default;\r\n\r\n/* 宽度\r\n-------------------------- */\r\n// 外框菜单宽度\r\n$--width-menu: 180px !default;\r\n\r\n/* 距离\r\n-------------------------- */\r\n// 表单之间默认距离\r\n$--distance-form: 16px !default;\r\n\r\n// 需适配屏幕分辨率\r\n$--screen-s: 1366px !default;\r\n$--screen-m: 1600px !default;\r\n\r\n// cdn地址\r\n$--cdn-url: \"//cdn.ymm.cn/CDN\";\r\n$--cdn-images: \"#{$--cdn-url}/jerri-ui/assets/images\";\r\n\n// 弹性布局居中\r\n@mixin center {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n\r\n// 占位符混入\r\n@mixin placeholder($color) {\r\n  &::-webkit-input-placeholder {\r\n    color: $color;\r\n  }\r\n}\r\n\r\n// 消除字体上下间距\r\n@mixin removeSpace($size) {\r\n  font-size: $size;\r\n  line-height: $size;\r\n}\r\n\r\n// 多行文本显示省略号\r\n@mixin rowHide($row) {\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  word-break: break-all;\r\n  display: -webkit-box;\r\n  -webkit-box-orient: vertical;\r\n  -webkit-line-clamp: $row;\r\n  cursor: default;\r\n}\r\n\r\n// 单行文本显示省略号\r\n@mixin ellip {\r\n  white-space: nowrap;\r\n  text-overflow: ellipsis;\r\n  overflow: hidden;\r\n}\r\n\r\n// 滚动条混入\r\n@mixin scroll-bar {\r\n  ::-webkit-scrollbar {\r\n    width: 15px;\r\n    height: 15px;\r\n  }\r\n\r\n  /*定义滚动条轨道*/\r\n  ::-webkit-scrollbar-track {\r\n    background-color: $--color-c14;\r\n  }\r\n\r\n  /*定义滑块*/\r\n  ::-webkit-scrollbar-thumb {\r\n    border-radius: $--border-radius-scroll;\r\n    background-color: $--color-c3;\r\n\r\n    &:hover {\r\n      background-color: $--color-c18;\r\n    }\r\n  }\r\n}\r\n\r\n// 媒体查询最大宽度混入 默认1600\r\n@mixin less-resolution($max-width: $--screen-m) {\r\n  @media screen and (max-width: $max-width) {\r\n    @content;\r\n  }\r\n}\r\n\r\n// 弹性布局垂直居中 水平根据参数对齐 默认靠两端平分\r\n@mixin flex-justify($align: space-between) {\r\n  display: flex;\r\n  justify-content: $align;\r\n  align-items: center;\r\n}\r\n\n\r\n@import \"./contactsList.scss\";\r\n"]}