TaxWeChatApp/miniprogram/pages/invoiceSummary/invoiceSummary.wxss

/* miniprogram/pages/invoiceSummary/invoiceSummary.wxss */
@import "../../style/style";
@import '../ticketWait/ticketWait';
.searchWrap {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    padding: 24rpx;
    display: flex;
    align-items: center;
    background: #f8f9fb;
    z-index: 100;
  }
  
  .searchWrap .icon-search {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 48rpx;
    font-size: 30rpx;
    color: #999;
  }
  
  .searchWrap .input {
    flex: 1;
    width: 0;
    height: 84rpx;
    padding-left: 68rpx;
    padding-right: 24rpx;
    font-size: 30rpx;
    color: #282828;
    background: #fff;
    border-radius: 8rpx;
  }
  
  .placeholderStyle {
    font-size: 30rpx;
  }
  
  /* 列表 */
  .topPlaceholder {
    height: 132rpx;
  }
  
  .list {
    padding: 0 24rpx;
  }
  
  .item {
    padding: 24rpx;
    border-radius: 14rpx;
    background: #fff;
  }
  
  .item+.item {
    margin-top: 24rpx;
  }
  
  .item .name {
    margin-bottom: 12rpx;
    font-size: 32rpx;
    font-weight: 450;
  }
  
  .item .line {
    padding: 8rpx 0;
    font-size: 28rpx;
    color: #b3b6c3;
    word-break: break-all;
  }
  
  .warning{
    color:#ff8c42;
  }
  
  .black{
    color:#282828;
  }
  
  .danger{
    color:#fd482c;
  }
  
  .blue{
    color:#20cff5;
  }
  
  .item .btnGroup {
    padding: 20rpx 0 10rpx;
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
  
  .item .btnGroup .btn {
    height: 58rpx;
    line-height: 58rpx;
    font-size: 28rpx;
    color: #fff;
    border-radius: 29rpx;
  }
  
  .btn.del {
    width: 98rpx;
    background: #fd482c;
  }
  
  .btn.fresh{
    width: 98rpx;
    background: #fbc423;
  }
  
  .btn.ticket {
    width: 158rpx;
    margin-left: 24rpx !important;
    background: #007dff;
  }

  .tabBar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    display: flex;
    background: #fff;
    z-index: 100;
  }
  
  .tabItem {
    position: relative;
    flex: 1;
    width: 0;
    height: 88rpx;
    line-height: 88rpx;
    font-size: 30rpx;
    color: #666;
    text-align: center;
    transition: all .3s ease;
  }
  
  .tabItem:before {
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -47rpx;
    content: "";
    height: 6rpx;
    width: 94rpx;
    transform: scaleX(0);
    background: #007dff;
    transition: all .3s ease;
  }
  
  .tabItem.active {
    color: #007dff;
  }
  
  .tabItem.active:before {
    transform: scaleX(1);
  }
  
  .searchWrap {
    top: 88rpx;
  }
  
  .pickerGroup {
    position: fixed;
    top: 220rpx;
    left: 0;
    right: 0;
    padding: 0 24rpx 24rpx;
    display: flex;
    align-items: center;
    background: #f7f8fb;
    z-index: 100;
  }
  
  .picker {
    flex: 1;
    width: 0;
    background: #fff;
    border-radius: 8rpx;
    transition: width .3s ease;
  }
  
  .picker+.picker {
    margin-left: 15rpx;
  }
  
  .picker .inner {
    position: relative;
    padding: 0 20rpx;
    height: 80rpx;
    font-size: 28rpx;
  }
  
  .picker .inner .text {
    display: block;
    height: 80rpx;
    line-height: 80rpx;
  }
  
  .picker .inner .icon-fail {
    position: absolute;
    top: 50%;
    transform: translateY(-51%);
    right: 20rpx;
    font-size: 32rpx;
    color: #d2d2d2;
    z-index: 100;
    background: #fff;
  }
  
  .picker .inner:after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20rpx;
    width: 0;
    height: 0;
    border-right: 10rpx solid transparent;
    border-left: 10rpx solid transparent;
    border-top: 14rpx solid #bfbfbf;
    z-index: 80;
  }
  
  .topPlaceholder {
    height: 20rpx;
  }
  
  .btnGroup .get {
    color: #fff;
    background: #007dff;
  }
  
  .btnGroup {
    display: flex;
    align-items: center;
  }
  
  .btnGroup .btn { 
    flex: 1;
    width: 0;
    height: 110rpx;
    line-height: 110rpx;
    font-size: 36rpx;
    text-align: center;
    border-radius: 0;
  }
  
  .ticketItem {
    padding: 22rpx 24rpx;
    background: #fff;
    border-radius: 10rpx;
  }
  
  .ticketItem+.ticketItem {
    margin-top: 24rpx;
  }
  
  .ticketItem .header {
    margin-bottom: 24rpx;
    font-size: 32rpx;
    font-weight: 450;
    word-break: break-all;
  }
  
  .ticketItem .line {
    font-size: 28rpx;
    color: #b3b6c3;
    word-break: break-all;
  }
  
  .ticketItem .line+.line {
    margin-top: 18rpx;
  }
  
  .paddingBottom {
    height: 110rpx;
  }