myRecord.wxss 1.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
  1. /* pages/myRecord/myRecord.wxss */
  2. .myrecord-content {
  3. width: 100%;
  4. height: 100%;
  5. background-color: #f7f7f7;
  6. }
  7. .nav-header {
  8. width: 100%;
  9. height: 88rpx;
  10. background-color: #fff;
  11. }
  12. .nav-item {
  13. width: 345rpx;
  14. height: 100%;
  15. font-size: 30rpx;
  16. font-weight: 400;
  17. color: #999999;
  18. }
  19. .nav-item-active {
  20. font-weight: bold;
  21. color: var(--maincolor);
  22. }
  23. .record-main {
  24. width: 100%;
  25. height: calc(100% - 88rpx);
  26. overflow-y: auto;
  27. }
  28. .record-item {
  29. width: 690rpx;
  30. height: 188rpx;
  31. background: #FFFFFF;
  32. border-radius: 20rpx;
  33. margin: 20rpx auto 0;
  34. }
  35. .icon {
  36. width: 80rpx;
  37. height: 80rpx;
  38. margin: 0 22rpx;
  39. }
  40. .image {
  41. width: 100%;
  42. height: 100%;
  43. }
  44. .center {
  45. width: 500rpx;
  46. display: flex;
  47. flex-direction: column;
  48. justify-content: center;
  49. align-items: flex-start;
  50. }
  51. .info-item {
  52. font-size: 26rpx;
  53. height: 36rpx;
  54. }
  55. .carno {
  56. margin: 10rpx 0;
  57. color: #999;
  58. }
  59. .time {
  60. color: #999;
  61. }
  62. .title {
  63. color: #333333;
  64. }
  65. .count {
  66. font-size: 26rpx;
  67. font-weight: 400;
  68. color: var(--maincolor);
  69. margin-right: 20rpx;
  70. }