search.wxss 2.2 KB

123456789101112131415161718192021222324
  1. page{width:100%;height:100%;}
  2. .search{width:100%;height:100%;padding-top:80rpx;box-sizing:border-box;}
  3. .top{width:100%;height:80rpx;background-color:var(--subtitleColor);display:flex;align-items:center;padding:0 20rpx;box-sizing:border-box;position: fixed;left:0;top:0;z-index:99;}
  4. .icon-search:before{color:#fff;}
  5. .input{width:80%;height:60rpx;line-height:60rpx;border-radius:30rpx;background-color:rgba(255,255,255,0.3);display:flex;align-items:center;padding-left:20rpx;box-sizing:border-box;}
  6. .input input{width:100%; margin-left: 20rpx;height:60rpx;font-size:30rpx;line-height:60rpx;color:#fff; flex-shrink: 1;}
  7. .placeholder{color:#fff;font-size:30rpx;line-height:60rpx;}
  8. .btn{width:20%; margin-left: 20rpx;border-radius:30rpx; border:2rpx solid #fff;text-align:center;line-height:52rpx;font-size:30rpx;color:#fff;}
  9. .content{width:100%;padding:0 20rpx;box-sizing:border-box;}
  10. .content .hot{width:100%;background:#fff;border-top-left-radius:12rpx;border-top-right-radius:12rpx;padding:20rpx;margin-top:28rpx;box-sizing:border-box;}
  11. .title{width:100%;font-size:30rpx;color:#3d4145;margin-bottom:10rpx;}
  12. .label{width:100%;display:flex;flex-wrap:wrap;}
  13. .label text{font-size:28rpx;line-height:56rpx;border: 1px solid #dedddd; color: #333; margin-bottom:10rpx; margin-right:4rpx; border-radius:6rpx; padding:0 20rpx;}
  14. .content .record{width:100%;background:#fff;border-bottom-left-radius:12rpx;border-bottom-right-radius:12rpx;padding:20rpx;margin-top:8rpx;box-sizing:border-box;}
  15. .clean{width:100%;line-height:60rpx;text-align:center;background-color:#EE3A43;font-size:30rpx;color:#fff;border-radius:10rpx;margin-top:30rpx;}
  16. .searchResult{width:100%;height:100%;padding:20rpx 20rpx 0 20rpx;box-sizing:border-box;}
  17. .list{width:100%;line-height:90rpx;border-bottom:1px solid #ddd;font-size:32rpx;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;background-color:#fff;padding:0 20rpx;box-sizing:border-box;}
  18. .list:nth-last-child(1){border-bottom:1px solid #fff;}
  19. .noData{width:100%;height:100%;position:relative;}
  20. .column{width:100%;text-align:center;position:absolute;left:0;top:28%;z-index:9;}
  21. .icon-info{font-size:80rpx;color:#aaa;}
  22. .col-text{width:100%;font-size:28rpx;color:#aaa;text-align:center;}