2020-05-22

king

2020-05-22 523cec6c87d88b43954a4409a8dfde6aade095a1

 src/templates/sharecomponent/cardcomponent/index.scss

@@ -8,12 +8,16 @@
    .ant-card-head {
      min-height: 40px;
      line-height: 2;
      font-size: 14px;
      .ant-card-head-title {
        color: #000000;
        color: rgba(0, 0, 0, 0.85);
        font-weight: 500;
      }
      .ant-card-extra {
        color: #1890ff;
        i {
          margin-right: 5px;
        }
      }
    }
    .ant-card-actions {
@@ -21,16 +25,22 @@
    }
  }

  .ant-card.ant-card-bordered .ant-card-body {
  .ant-card.chart-card.without-border {
    .ant-card-head {
      border-bottom: 0;
    }
    .ant-card-actions {
      border-top: 0;
    }
  }

  .ant-card.chart-card .ant-card-body {
    padding: 20px;
    zoom: 1;

    .ant-card-meta {
      position: relative;

      .avatar-icon {
        color: rgba(0, 0, 0, 0.45);
      }
      >.anticon-plus {
        color: #26C281;
        position: absolute;
@@ -46,9 +56,7 @@
        padding-top: 15px;
        padding-left: 15px;
      }
      // .ant-card-meta-avatar + .ant-card-meta-detail {
      //   float: left;
      // }

      .ant-avatar-image {
        box-sizing: border-box;
        margin: 0;
@@ -69,6 +77,9 @@
        img {
          width: 100%;
        }
        .font {
          background: transparent;
        }
      }
    }
  }
@@ -84,12 +95,16 @@
      .edit {
        position: absolute;
        left: 0;
        top: 5px;
        top: 3px;
        font-size: 13px;
        color: #1890ff;
        cursor: pointer;
        display: none;
        padding: 0 5px;
      }
      .edit.close {
        left: 20px;
        color: #ff4d4f;
      }
    }
    .ant-card-head:hover {
@@ -109,6 +124,10 @@
        cursor: pointer;
        display: none;
        padding: 0 5px;
      }
      .edit.close {
        left: 20px;
        color: #ff4d4f;
      }
    }
    .ant-card-actions:hover {
@@ -130,10 +149,36 @@
        padding: 0 5px;
        z-index: 1;
      }
      .edit.close {
        left: 20px;
        color: #ff4d4f;
      }
    }
    .ant-card-meta-avatar:hover {
      .edit {
        display: inline-block;
      }
    }
    .ant-card-actions {
      li {
        color: rgba(0, 0, 0, 0.45);
        span {
          overflow: hidden;
          word-break: break-word;
          white-space: nowrap;
          text-overflow: ellipsis;
        }
        .anticon {
          width: unset;
          margin-right: 3px;
          color: rgba(0, 0, 0, 0.45);
        }
      }
      li:hover {
        color: #1890ff;
        .anticon {
          color: #1890ff;
        }
      }
    }
  }
@@ -153,7 +198,11 @@
    .ant-card-actions {
      background: transparent;
      li {
        white-space: nowrap;
        color: unset;
        .anticon {
          color: unset;
        }
      }
    }
  }