miningRecord.scss 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  1. page {
  2. background-color: #0F0F1D;
  3. width: 100%;
  4. height: 100vh;
  5. }
  6. .page {
  7. width: 750rpx;height:1624rpx;
  8. background: linear-gradient( 180deg, #24234B 0%, #0F0F1D 100%);
  9. border-radius: 0rpx 0rpx 0rpx 0rpx;
  10. background-repeat: repeat-y;
  11. }
  12. .list_info {
  13. display: flex;flex-direction: column;justify-content: flex-start;align-items: center;color:#fff;
  14. width:750rpx;
  15. .item {
  16. margin-top: 20rpx;color:#fff;font-size: 28rpx;
  17. display: flex;flex-direction: row;justify-content: space-between;align-items: center;
  18. width: 690rpx;height: 134rpx;
  19. background: #2D3458;
  20. border-radius: 24rpx 24rpx 24rpx 24rpx;
  21. .left {
  22. display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;
  23. padding-left:30rpx;
  24. .name {
  25. margin-bottom:20rpx;
  26. font-weight: 400;
  27. font-size: 28rpx;
  28. color: #FFFFFF;
  29. }
  30. .desc {
  31. font-weight: 400;
  32. font-size: 24rpx;
  33. color: #999999;
  34. }
  35. }
  36. .right {
  37. padding-bottom: 12rpx;
  38. padding-right: 32rpx;
  39. font-weight: bold;
  40. font-size: 36rpx;
  41. color: #FFFF4F;
  42. .minus{
  43. color: #FFFFFF;
  44. }
  45. }
  46. }
  47. }
  48. .blankHeight {
  49. height:300rpx;
  50. }