index.acss 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  1. .hospital-container {
  2. box-sizing: border-box;
  3. height: 100vh;
  4. padding-bottom: 40rpx;
  5. background-color: #f5f5f5;
  6. }
  7. .hospital-container .hospital-scroll {
  8. height: 100vh;
  9. }
  10. .hospital-container .hospital-item {
  11. display: flex;
  12. align-items: center;
  13. justify-content: space-between;
  14. margin: 24rpx 24rpx 0;
  15. padding: 24rpx;
  16. background-color: #fff;
  17. border-radius: 16rpx;
  18. }
  19. .hospital-container .hospital-item .item-left {
  20. display: flex;
  21. flex-direction: column;
  22. }
  23. .hospital-container .hospital-item .item-left .address {
  24. margin-bottom: 8rpx;
  25. color: #666;
  26. font-weight: 400;
  27. font-size: 26rpx;
  28. }
  29. .hospital-container .hospital-item .item-left .campus {
  30. color: #333;
  31. font-weight: 700;
  32. font-size: 34rpx;
  33. margin-bottom: 8rpx;
  34. }
  35. .hospital-container .hospital-item .item-left .time {
  36. color: #999;
  37. font-weight: 400;
  38. font-size: 26rpx;
  39. }
  40. .hospital-container .hospital-item .item-right {
  41. height: 49rpx;
  42. }
  43. .hospital-container .hospital-item .item-right .btn {
  44. display: flex;
  45. align-items: center;
  46. justify-content: center;
  47. width: 96rpx;
  48. height: 49rpx;
  49. color: #fff;
  50. font-weight: 400;
  51. font-size: 24rpx;
  52. background-color: #1677ff;
  53. border: none;
  54. border-radius: 8rpx;
  55. }