appointment.acss 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  1. .hospital-new-component .appointment-list {
  2. margin: 24rpx 23rpx 0;
  3. color: #333;
  4. border-radius: 16rpx;
  5. background: #fff;
  6. }
  7. .hospital-new-component .appointment-list .title {
  8. height: 105rpx;
  9. line-height: 105rpx;
  10. border-bottom: 1px solid #E8E8E8;
  11. padding-left: 24rpx;
  12. }
  13. .hospital-new-component .appointment-list .appointment-content {
  14. display: flex;
  15. align-items: center;
  16. background: #fff;
  17. height: 90rpx;
  18. padding: 0 24rpx;
  19. }
  20. .hospital-new-component .appointment-list .appointment-content .appointment-time {
  21. flex: 4;
  22. display: flex;
  23. justify-content: space-between;
  24. background: #fff;
  25. }
  26. .hospital-new-component .appointment-list .appointment-content .appointment-time .appointment-time-left {
  27. font-size: 28rpx;
  28. font-weight: bold;
  29. }
  30. .hospital-new-component .appointment-list .appointment-content .appointment-time .appointment-time-left .rest-number {
  31. font-size: 24rpx;
  32. color: #999;
  33. font-weight: normal;
  34. margin-left: 10rpx;
  35. }
  36. .hospital-new-component .appointment-list .appointment-content .appointment-time .appointment-time-right {
  37. font-size: 32rpx;
  38. color: #FF6330;
  39. }
  40. .hospital-new-component .appointment-list .appointment-content .appointment-btn {
  41. flex: 1;
  42. padding-left: 20rpx;
  43. }
  44. .hospital-new-component .appointment-list .appointment-content .appointment-btn .appoint {
  45. width: 104rpx;
  46. height: 49rpx;
  47. line-height: 49rpx;
  48. text-align: center;
  49. border-radius: 16rpx;
  50. background: #1677FF;
  51. color: #fff;
  52. font-size: 30rpx;
  53. }