2020-06-16

king

2020-06-16 6c16e43cd6521460c804391c042348dbb14086fc

 src/tabviews/zshare/cardcomponent/index.scss

@@ -8,15 +8,19 @@
    .anticon {
      margin-right: 0px;
    }
    .ant-btn {
      padding: 0;
      > .anticon + span {
        margin-left: 4px;
      }
    }
  }
  > .chart-card-box {
    margin-bottom: 20px;
  }
  .ant-btn {
    padding: 0;
    color: rgba(0,0,0,.45);
    > .anticon + span {
      margin-left: 4px;
    }
  }
  .ant-btn:hover, .ant-btn.active, .ant-btn:focus {
    color: #40a9ff;
  }

  .chart-card-box:hover {
@@ -134,26 +138,30 @@
      white-space: normal;

      .ant-card-meta-avatar {
        position: relative;
        padding-top: 0px;
        padding-left: 0px;
        float: unset;
        overflow: hidden;
        margin: 0 10px 15px 0px;
      }

      .ant-avatar-image {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        box-sizing: border-box;
        margin: 0;
        padding: 0;
        font-variant: tabular-nums;
        line-height: 1.5;
        list-style: none;
        font-feature-settings: 'tnum';
        position: relative;
        display: inline-block;
        overflow: hidden;
        color: #fff;
        white-space: nowrap;
        text-align: center;
        vertical-align: middle;
        border-radius: 50%;

        img {
          width: 100%;
@@ -162,12 +170,39 @@
          background: transparent;
        }
      }
      .ant-card-meta-title {
      .ant-card-meta-title, .ant-card-meta-description {
        font-size: 14px;
        div {
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
          word-break: break-all;
        }
      }
      .ant-card-meta-detail > div {
        height: 23px;
        vertical-align: top;
      .ant-card-meta-detail {
        .mk-card-detail-item {
          line-height: 1.5;
          vertical-align: top;
          display: inline-block;
          color: rgba(0, 0, 0, 0.85);
        }
        .line1 {
          overflow: hidden;
          word-break: break-word;
          white-space: nowrap;
          text-overflow: ellipsis;
        }
        .mk-card-detail-item:not(.line1) {
          display: -webkit-box;
          -webkit-box-orient: vertical;
          overflow: hidden;
        }
        .line2 {
          -webkit-line-clamp: 2;
        }
        .line3 {
          -webkit-line-clamp: 3;
        }
      }
      .ant-card-meta-detail > div:not(:last-child) {
        margin-bottom: 2px;