epmet-resi-rizhao/assets/scss/converge-issue.scss

//引入全局配置
@import "c/conf";
@import "c/mx";
@import "c/f";
@import "a/c";

page {
    background-color: $bgc1;
  }
.select{
    background-color: #ffffff;

    .m-crumbs {
        padding: 20rpx;
        line-height: 50rpx;
        font-size: $fz7;
        font-family: Source Han Serif SC;
        font-weight: 500;
        color: rgba(51, 51, 51, 1);
    }

    .m-sizer {
        padding: 20rpx;
        background-color: #ffffff;
    
        .picker {
          box-sizing: border-box;
          padding: 11rpx 15rpx;
          height:56rpx;
          border-radius: 55rpx;
          border: 1rpx solid $fc1;
          
          line-height: 32rpx;
          font-size: 26rpx;
          color: $fc1;
    
          text {
            vertical-align: bottom;
          }
    
          image {
            margin-left: 5rpx;
            vertical-align: bottom;
            width: 32rpx;
            height: 32rpx;
          }
        }
        .s-status{
            display:flex;
            margin:30rpx 0 0 0;

            .statis-picker{
              text-align: center;
              width:186rpx;
            }
        }
        .agency-picker{
          @include toe;
          text-align: left;
          display:block;
          >image{
            float:right;
          }
        }

        .btn-select {
          box-sizing: border-box;
          margin-left: auto;
          height: 54rpx;
          width: 110rpx;
          line-height: 50rpx;
          border-radius: 55rpx;
          background-color: #e60000;
          font-size: 26rpx;
          font-family: Source Han Serif SC;
          font-weight: 500;
          color: #ffffff;
          text-align: center;
    
          text {
            vertical-align: bottom;
          }
        }
      }
}

.m-order {
    height: 46rpx;
    padding: 20rpx 20rpx 5rpx 20rpx;
    .num{
        width:auto;
        height:46rpx;
        padding:0 15rpx;
        float: left;
        border-radius: 55rpx;
        border: 1px solid #999999;
        background-color:#999999;
        font-size: 26rpx;
        font-family: Source Han Serif SC;
        font-weight: 500;
        color: #FFFEFE;
        line-height: 46rpx;
        text-align: center;
    }
  
    .order {
      box-sizing: border-box;
      float: right;
      padding: 10rpx 15rpx 0 15rpx;
      height: 46rpx;
      text-align: center;
      line-height: 32rpx;
      font-size: 26rpx;
      font-family: Source Han Serif SC;
      font-weight: 500;
      color: $fc1;
  
      text {
        vertical-align: bottom;
      }
  
      image {
        margin-left: 5rpx;
        vertical-align: bottom;
        width: 32rpx;
        height: 32rpx;
      }
    }
  }

  .g-scroll_page {
    position: relative;
    box-sizing: border-box;
    //  height:900rpx
    // height: calc(100vh - 50rpx - env(safe-area-inset-bottom) / 2);
     height: calc(100vh - env(safe-area-inset-bottom) / 2);
    //  height:100%;
  }
  .m-list {
    min-height: 100rpx;

    .item {
      position: relative;
      box-sizing: border-box;
      margin: 20rpx auto;
      padding: 20rpx;
      width: 710rpx;
      background: rgba(255, 255, 255, 1);
      box-shadow: 0rpx 3rpx 24rpx 0rpx rgba(211, 211, 211, 0.26);
      border-radius: 10rpx;
  
      .row {
        position: relative;
        @include cs;
      }
  
      .arrow {
        position: absolute;
        display: block;
        top: 15rpx;
        right: 10rpx;
        width: 13rpx;
        height: 24rpx;
      }
      .status {
        display: inline-block;
        box-sizing: border-box;
        padding: 5rpx 5rpx;
        margin-right:10rpx;
        height: 36rpx;
        width: 90rpx;
        border-radius: 55rpx;
        text-align: center;
        font-size: 22rpx;
        font-family: Source Han Serif SC;
        font-weight: 500;
        color: #ffffff;
        vertical-align: text-bottom;
      }

      .status-no {
        background-color: #ffc100;
      }
      .status-is {
        background-color: #0c4a9d;
      }
  
      .title {
        position: relative;
        margin: 2rpx 0;
        // left: -15rpx;
        // padding-right: 60rpx;
        font-size: 34rpx;
        font-family: Source Han Serif SC;
        font-weight: 500;
        color: rgba(51, 51, 51, 1);
        line-height: 48rpx;
        
      }
  
      .date {
        margin-bottom: 2rpx;
        font-size: 26rpx;
        font-family: Source Han Serif SC;
        font-weight: 500;
        color: rgba(153, 153, 153, 1);
        line-height: 60rpx;
  
      }
  
      .sts {
        margin: 5rpx 0;
        font-size: 28rpx;
        font-family: Source Han Serif SC;
        font-weight: 500;
        color: rgba(51, 51, 51, 1);
        line-height: 40rpx;
        overflow:hidden;//一定要写
        text-overflow: ellipsis;//超出省略号
        display:-webkit-box;//一定要写
        -webkit-line-clamp: 2;//控制行数
        -webkit-box-orient: vertical;//一定要写

      }
      .detail{
        
        font-size: 28rpx;
        font-family: Source Han Serif SC;
        font-weight: 500;
        color: #999999;
        line-height: 36rpx;
      }
    }

  }
  .m-more {
    margin-top:10rpx;
    padding-bottom: 10rpx;
    height: 30rpx;
    line-height: 30rpx;
    color: $fc4;
    font-size: $fz5;
    text-align: center;
  }