warm_man/pages/Activity/components/index.scss

//.body-background{
//  background-color:#f5f5f6;
//}
.wallpaper-container{
  padding:16rpx 26rpx 150rpx 26rpx;
  width:100%;
  .top-image{
    margin-bottom:40rpx;
  }
  .time-container{
    padding:4rpx;
    background-color:#fff;
    .time-main{
      //border-radius: 20rpx;
      //background: linear-gradient(180deg, rgba(23, 138, 242, .1) 0%, rgba(23,138,242,0) 100%);
    }
    .item-img-right{
      padding:4rpx;
      position: absolute;
      right: 0;
      top: 0;
    }
    .item{
      box-shadow: 0rpx 0rpx 20rpx 0rpx rgba(0,0,0,0.1);
      position: relative;
      overflow:hidden;
      border-radius:20rpx;
      .green{
        background: linear-gradient(180deg, rgba(14, 175, 78, .1) 0%, rgba(23,138,242,0) 100%);
      }
      .blue{
        background: linear-gradient(180deg, rgba(23, 138, 242, .1) 0%, rgba(23,138,242,0) 100%);
      }
      .orange{
        background: linear-gradient(180deg, rgba(255, 149, 69, .1) 0%, rgba(23,138,242,0) 100%);
      }
      .red{
        background: linear-gradient(180deg, rgba(255, 100, 82, .1) 0%, rgba(23,138,242,0) 100%);
      }
      .title-item{
        &.green{
          background: rgba(14, 175, 78, 1);
        }
        &.blue{
          background:rgba(23, 138, 242, 1);
        }
        &.orange{
          background: rgba(255, 149, 69, 1);
        }
        &.red{
          background: rgba(255, 100, 82, 1);
        }

        padding:4rpx 20rpx;
        transform: skewX(-15deg);
        border-radius: 8rpx;
        .title-content{
          transform: skewX(15deg);
        }
      }
      .content-body{
        align-items:center;
        .title-time-item{
          margin-right:16rpx;
          &.back{
            border-radius: 8rpx;
            padding:10rpx;
            background:#FF9545;
          }
        }
      }
    }
  }
  .info-container{
    .info-title{
      margin-top:92rpx;
      margin-bottom:66rpx;
    }
    .info-item{
      margin-bottom:50rpx;
      .label{
        width:160rpx;
      }
    }
  }
  .remark-container{
    .remark-title{
      margin-top:92rpx;
      margin-bottom:66rpx;
    }
  }
  .join-container{
    .join-title{
      margin-top:92rpx;
      //margin-bottom:66rpx;
    }
    .join-desc-title{
      align-items: center;
      padding:{
        bottom:20rpx;
        top:40rpx;
      }
      .icon{
        margin-right:10rpx;
      }
    }
    .list-item{
      justify-content: space-between;
      padding:12rpx 64rpx;
    }
    .consultant-list{
      .list-item{
        &:nth-child(odd){
          background-color:rgba(23, 138, 242, .1);
        }
      }
    }
    .people-list{
      .list-item{
        &:nth-child(odd){
          background-color:rgba(255, 149, 69, .1);
        }
      }
    }
  }
}
.foot-button{
  border-top:2rpx solid #EEEEEE;
  padding:10rpx 26rpx 40rpx 26rpx;
  position: fixed;
  bottom:0;
  left:0;
  z-index: 9999;
  width: 100%;
  background: {
    color:#FFFFFF;
  };
  justify-content: space-between;
  .button-group{
    display:flex;
    .button{
      padding:22rpx 40rpx;
      border-radius: 40rpx;
      &.phone{
        background-color:#80C5B6;
        display: flex;
        margin-right:16rpx;
      }
      &.exchange{
        background-color:#FF9545;
      }

    }
  }
}