2020-06-16

king

2020-06-16 6c16e43cd6521460c804391c042348dbb14086fc

 src/templates/sharecomponent/cardcomponent/index.scss

@@ -4,6 +4,9 @@

  .ant-card.chart-card {
    min-height: 100px;
    display: inline-block;
    vertical-align: top;
    margin-right: 15px;

    .ant-card-head {
      min-height: 40px;
@@ -24,6 +27,12 @@
      height: 48px;
    }
  }
  .chart-card-insert {
    text-align: center;
    i {
      color: #26C281;
    }
  }

  .ant-card.chart-card.without-border {
    .ant-card-head {
@@ -37,48 +46,49 @@
  .ant-card.chart-card .ant-card-body {
    padding: 20px;
    zoom: 1;
    overflow: hidden;

    .ant-card-meta {
      width: 100%;
      position: relative;

      >.anticon-plus {
        color: #26C281;
        position: absolute;
        right: -15px;
        right: -20px;
        top: -15px;
        padding: 5px;
      }

      .ant-card-meta-avatar {
        position: absolute;
        top: -15px;
        left: -15px;
        padding-top: 15px;
        padding-left: 15px;
      }

      .ant-avatar-image {
        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%;
        }
        .font {
          background: transparent;
        box-sizing: content-box;
        margin-right: 10px;
        margin-bottom: 15px;
        
        .ant-avatar-image {
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          box-sizing: border-box;
          margin: 0;
          padding: 0;
          line-height: 1.5;
          display: inline-block;
          overflow: hidden;
          color: #fff;
          white-space: nowrap;
          text-align: center;
          vertical-align: middle;
  
          img {
            width: 100%;
          }
          .font {
            background: transparent;
          }
        }
      }
    }
@@ -92,6 +102,7 @@

  .ant-card.chart-card {
    .ant-card-head {
      padding: 0 12px;
      .edit {
        position: absolute;
        left: 0;
@@ -140,8 +151,8 @@
      position: relative;
      .edit {
        position: absolute;
        left: 0;
        top: 3px;
        left: -15px;
        top: -13px;
        font-size: 13px;
        color: #1890ff;
        cursor: pointer;
@@ -150,11 +161,11 @@
        z-index: 1;
      }
      .edit.close {
        left: 20px;
        left: 5px;
        color: #ff4d4f;
      }
    }
    .ant-card-meta-avatar:hover {
    .ant-card-body:hover .ant-card-meta-avatar {
      .edit {
        display: inline-block;
      }
@@ -184,9 +195,6 @@
  }
  .ant-card.chart-card.background {
    .ant-card-meta-title {
      color: unset;
    }
    .ant-card-meta-description {
      color: unset;
    }
    .ant-card-head {