x部落任务详情页面

2020/x-3/biz/css/base-cy.css

@@ -143,29 +143,18 @@
.pages-task-list .pages-task-list-width{
  width: 100%;
}
.person-head-1{
  width: .22rem;
  height: .22rem;
  margin-left:-.04rem;
  background: url("../img/test-person-head.jpg")center center no-repeat;
  background-size: .22rem .22rem;
  border-radius: 1rem;
}
/*.day-schedule-item-member {*/
  /*margin-top: .12rem;*/
/*}*/
.person-head-2{
.day-schedule-item-member .avater {
  width: .22rem;
  height: .22rem;
  margin-left:-.04rem;
  background: url("../img/time-logo.jpg")center center no-repeat;
  background-size: .22rem .22rem;
  border-radius: 1rem;
  border-radius: 50%;
  border: 1px solid #fff;
}
.person-head-3{
  width: .22rem;
  height: .22rem;
  margin-left:-.04rem;
  background: url("../img/test-task-image.jpg")center center no-repeat;
  background-size: .22rem .22rem;
  border-radius: 1rem;
.day-schedule-item-member .avater + .avater {
  margin-left: -.04rem;
}

2020/x-3/task-detail.html

@@ -43,11 +43,10 @@
        <div class="ipu-flex ipu-flex-vertical ">
          <div class="executor-title">参与者</div>
          <div class="ipu-flex pages-task-list-width">
            <div class="ipu-flex">
              <div class="person-head-1"></div>
              <div class="person-head-2"></div>
              <div class="person-head-3"></div>
              <div class="person-head-2"></div>
            <div class="ipu-flex day-schedule-item-member">
              <img src="biz/img/test-task-image.jpg" class="avater"/>
              <img src="biz/img/test-task-image.jpg" class="avater"/>
              <img src="biz/img/test-task-image.jpg" class="avater"/>
            </div>
            <div class="participant-number">+57</div>
          </div>