wechat-pilelog/pages/scan_result/elpackage.wxss

/* pages/scan_result/scan_result.wxss */
page {
    height: 100%;
  }
  
  view.inline {
    display: inline-block;
    vertical-align: middle;
    line-height: 28rpx;
    height: 28rpx;
    min-height: 28rpx;
  }
  
  .map_text {
    position: relative;
    height: calc(100% - 160rpx);
    padding: 20rpx 30rpx 0 30rpx;
    box-shadow: 0rpx 6rpx 6rpx  #f5f5f5 inset;
    width: calc(100% - 60rpx);
  }
  .charging_text_title {
    height: 105rpx;
    width: 100%;
    display: flex;
    margin-bottom: 20rpx;
  }
  
  .charging_text_title1 {
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  .charging {
    width: 62rpx;
    height: 62rpx;
    margin: 30rpx 30rpx 30rpx 0;
    flex-shrink: 0;
    overflow: hidden;
  }
  .charging image {
    width: 62rpx;
    height: 62rpx;
  }
  
  text {
    margin: 0 0 18rpx 0;
    display: block;
    font-size: 26rpx;
    font-family: 'Lucida Sans',
                   'Lucida Sans Regular',
                   'Lucida Grande',
                   'Lucida Sans Unicode',
                   Geneva,
                   Verdana,
                   sans-serif;
    color: #231400;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: 30rpx;
    height: 30rpx;
    min-height: 30rpx;
  }
  
  text.bold {
    font-weight: bold;
    line-height: 34rpx;
    height: 34rpx;
    min-height: 34rpx;
    margin-top: 28rpx;
    margin-bottom: 8rpx;
    display: block;  
    font-size: 30rpx;
  }
  
  text.inline {
    display: inline-block;
    color: #575757;
    margin-top:18rpx;
    margin-bottom: 0;
  }
  
  .h1 {
    margin: 0rpx 0rpx 24rpx 0rpx;
    font-size: 24rpx;
    line-height: 28rpx;
    height: 28rpx;
    min-height: 28rpx;
    color: #a3a3a3;
  }
  .charg_button {
    font-size: 32rpx;
    margin: 20rpx 65rpx;
    height: 90rpx;
    font-family: 'Lucida Sans',
                   'Lucida Sans Regular',
                   'Lucida Grande',
                   'Lucida Sans Unicode',
                   Geneva,
                   Verdana,
                   sans-serif;
    color: #ffffff;
    text-overflow: ellipsis;
    white-space: nowrap;
    background-color: #1d9bf7;
    border-radius: 45rpx;
    box-shadow: 0rpx 16rpx 0rpx #edf5fd;
    border: none;
    position: fixed;
    bottom: 10rpx;
    width: 80%;
  }
  
  .charg_button.button-hover {
    background-color: #1d9cf7b9;
    color: #ffffff;
  }
  
  .rtable{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  
  .rtable .rtr{
    width: 100%;
    height: 40rpx;
    display: flex;
    flex-direction: row;
  }
  
  .rtable .rtr{
    font-size: 26rpx;
  }
  .rtable .rtr.active{
    color:#f06c6c;
    font-weight: bold;
    font-size: 28rpx;
    font-style: italic;
  }
  
  .rtable .rtr .rtd{
    font-size: 26rpx;
  }
  
  .rtable .rtr .rtd.t1{
    width: 210rpx
  }
  
  .rtable .rtr .rtd.t2{
    width: 180rpx
  }
  
  .context{
    height: 1400rpx;
    width: 100%;
  }
  .richHourNum{
    display: inline;
    color: red;
    padding-left: 10rpx;
    padding-right: 20rpx;
  }
  
  .scan_img{
      width:400rpx;
      height:400rpx;
      padding: 0 calc((100% - 400rpx) / 2);
  }
  
  .scan_text{
      word-wrap: break-word;
      word-break: break-all;
      white-space: pre-line;
      text-align: center;
      padding:0 calc((100% - 500rpx) / 2);
      padding-bottom: 200rpx;
  }


  .cardHub{
    height:calc(100% - 230rpx);
    width:100%;
    background-color: #FFF;
  }


  .cardHub .card{
    float:left;
    margin-bottom: 20rpx;
    width:330rpx;
    height:200rpx;
    background-color: #FFFFFF;
    display:flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
    box-shadow:0px 0px 5px 1px #DEDEDEFF;
    border-radius: 15rpx;
  }

  .cardHub .card:nth-child(odd){
    margin-right: 20rpx;
  }

  .cardHub .card .circleOut{
    background-color: #21ADFF;
    position: absolute;
    width: 28rpx;
    height: 28rpx;
    border-radius: 50%;
    padding: 0;
    top:10rpx;
    left:10rpx;
  }

  .cardHub .card .circleOut .circleIn{
    background-color: #ebf8ff;
    color:#21ADFF;
    font-size: 18rpx;
    width: 24rpx;
    height: 24rpx;
    line-height: 22rpx;
    text-align: center;
    border-radius: 50%;
    margin: 3rpx;
    padding: 0;
  }

  .cardHub .card .main{
    width:100%;
    height:calc(100% - 34rpx);
    background:#ebf8ff;
  }
  
  .cardHub .card .main .no{
    width:100%;
    height:32rpx;
    font-size: 24rpx;
    text-align: center;
    color: #21ADFF;
    line-height: 80rpx;
  }
  
  .cardHub .card .foot{
    width:100%;
    height:34rpx;
    background-color:#21ADFF;
    font-size: 24rpx;
    color:#FFF;
    text-align: center;
  }
  
  .cardHub .card.dis .main{
    background-color: #EEEEEE;
    color:#A4A3A3;
  }

  .cardHub .card.dis .foot{
    background-color: #B6B3B1;
  }

  .cardHub .card.dis .circleOut .circleIn{
    background-color: #EEEEEE;
    color:#A4A3A3;
  }

  .cardHub .card.dis .circleOut{
    background-color: #B6B3B1;
  }

  .cardHub .card.dis .no{
    color:#A4A3A3;
  }