HistorySearchCard.wxss 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667
  1. .card.data-v-df43cc4c {
  2. background: #ffffff;
  3. border-radius: 24rpx;
  4. box-shadow: 0 16rpx 40rpx rgba(37, 52, 94, 0.08);
  5. margin-bottom: 32rpx;
  6. }
  7. .history-card.data-v-df43cc4c {
  8. padding: 32rpx;
  9. }
  10. .history-header.data-v-df43cc4c {
  11. display: flex;
  12. align-items: center;
  13. margin-bottom: 24rpx;
  14. }
  15. .history-title.data-v-df43cc4c {
  16. font-size: 30rpx;
  17. font-weight: 600;
  18. color: #222222;
  19. }
  20. .date-range-row.data-v-df43cc4c {
  21. display: flex;
  22. align-items: center;
  23. gap: 16rpx;
  24. margin-bottom: 24rpx;
  25. }
  26. .date-picker-half.data-v-df43cc4c {
  27. flex: 1;
  28. }
  29. .date-separator.data-v-df43cc4c {
  30. font-size: 26rpx;
  31. color: #666a7f;
  32. padding: 0 8rpx;
  33. }
  34. .date-input.data-v-df43cc4c {
  35. background: #f7f8fc;
  36. border-radius: 12rpx;
  37. padding: 24rpx;
  38. font-size: 26rpx;
  39. color: #222222;
  40. display: flex;
  41. justify-content: space-between;
  42. align-items: center;
  43. }
  44. .date-text.data-v-df43cc4c {
  45. flex: 1;
  46. }
  47. .history-search-button-full.data-v-df43cc4c {
  48. width: 100%;
  49. background: linear-gradient(135deg, #5d55e8, #7568ff);
  50. border-radius: 16rpx;
  51. padding: 28rpx 0;
  52. text-align: center;
  53. margin-top: 12rpx;
  54. margin-bottom: 24rpx;
  55. box-shadow: 0 8rpx 20rpx rgba(93, 85, 232, 0.3);
  56. }
  57. .search-button-text.data-v-df43cc4c {
  58. font-size: 28rpx;
  59. font-weight: 600;
  60. color: #ffffff;
  61. }
  62. .history-tip.data-v-df43cc4c {
  63. font-size: 24rpx;
  64. color: #9ca2b5;
  65. line-height: 1.6;
  66. }