data-report.wxss 988 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
  1. page {
  2. font-size: 30rpx;
  3. color: #131D34;
  4. }
  5. .container {
  6. padding: 0 46rpx 100rpx;
  7. margin-top: 16rpx;
  8. }
  9. .report-form {
  10. display: flex;
  11. }
  12. .report-form picker {
  13. flex: 1;
  14. }
  15. .report-form .icon {
  16. position: absolute;
  17. right: 20rpx;
  18. color: rgba(0,0,0,0.3);
  19. font-size: 20rpx;
  20. }
  21. .form-item {
  22. height: 80rpx;
  23. line-height: 76rpx;
  24. border: 2rpx solid #e5e5e5;
  25. padding-left: 22rpx;
  26. flex: 1;
  27. border-radius: 8rpx;
  28. font-weight: bold;
  29. position: relative;
  30. }
  31. .form-item:first-child {
  32. margin-right: 20rpx;
  33. }
  34. .type-list {
  35. display: flex;
  36. width: 100%;
  37. margin-top: 24rpx;
  38. align-items: center;
  39. }
  40. .type-item {
  41. flex: 1;
  42. color: #909090;
  43. font-size: 34rpx;
  44. text-align: center;
  45. font-weight: bold;
  46. }
  47. .type-item.active {
  48. color: #131D34;
  49. font-size: 40rpx;
  50. position: relative;
  51. }
  52. .type-item.active::after {
  53. content: '';
  54. display: block;
  55. width: 20px;
  56. height: 2px;
  57. background: #17D2D2;
  58. position: absolute;
  59. bottom: -5px;
  60. left: 50%;
  61. margin-left: -10px;
  62. }