veterans_H5/h5_web/pages/notification/scss/notification.scss

/* #ifndef H5 */
page {
	height: 100%;
	background-color: #f2f2f2;
}
/* #endif */

.notification{
  .wrap {
  	display: flex;
  	flex-direction: column;
  	height: calc(100vh - var(--window-top));
  	width: 100%;
  }
  
  &-tabsswiper{
    
  }
  
  .notice-search{
    padding: 20rpx 30rpx;
    &-btn{
      ::v-deep .u-content{
        // padding: 0 !important;
        border-radius: 10rpx !important;
      }
    }
  }
  
  .swiper-box{
    flex: 1;
    
    .swiper-item{
      height: 100%;
      
      .page-box{
        padding: 0 30rpx 20rpx;
        
        .notice-container{
          padding: 20rpx;
          margin-bottom: 20rpx;
          background-color: #FFFFFF;
          border-radius: 10rpx;
          
          .title{
            margin-bottom: 12rpx;
            font-size: 32rpx;
            font-family: PingFangSC-Regular, PingFang SC;
            font-weight: 400;
            color: #000000;
            line-height: 45rpx;
            letter-spacing: 1px;
          }
          
          .content{
            margin-bottom: 12rpx;
            font-size: 24rpx;
            font-family: PingFangSC-Regular, PingFang SC;
            font-weight: 400;
            color: #545454;
            line-height: 35rpx;
            letter-spacing: 1px;
          }
          
          .footer{
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            
            .left{
              font-size: 22rpx;
              font-family: PingFangSC-Regular, PingFang SC;
              font-weight: 400;
              color: #9F9F9F;
              line-height: 30rpx;
            }
            
            .right{
              font-size: 22rpx;
              font-family: PingFangSC-Regular, PingFang SC;
              font-weight: 400;
              color: #1A1A1A;
              line-height: 30rpx;
            }
            
            .unread{
              color: #1A1A1A;
            }
            
            .haveread{
              color: #EF6622;
            }
          }
        }
      }
    }
  }
}