index.acss 2.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101
  1. .inpatient-tabs-container {
  2. background-color: #fff;
  3. }
  4. .inpatient-tabs-container .tabs-out {
  5. padding: 0 20rpx;
  6. }
  7. .inpatient-tabs-container .tabs-out .am-tabs-bar {
  8. border-bottom-width: 0rpx !important;
  9. }
  10. .inpatient-tabs-container .tabs-out .am-tabs-bar-tab {
  11. max-width: 12vw;
  12. justify-content: flex-start;
  13. }
  14. .inpatient-tabs-container .function-entrance-out {
  15. min-height: 145rpx;
  16. }
  17. .inpatient-tabs-container .function-entrance-out .function-entrance {
  18. display: flex;
  19. flex-wrap: wrap;
  20. align-items: flex-start;
  21. padding: 32rpx 24rpx 0;
  22. background: #FFF;
  23. border-radius: 16rpx;
  24. }
  25. .inpatient-tabs-container .function-entrance-out .function-entrance .item-width {
  26. width: 25%;
  27. margin-bottom: 16rpx;
  28. }
  29. .inpatient-tabs-container .function-entrance-out .function-entrance .function-entrance-item {
  30. color: #333;
  31. font-size: 24rpx;
  32. display: flex;
  33. align-items: center;
  34. flex-direction: column;
  35. }
  36. .inpatient-tabs-container .function-entrance-out .function-entrance .function-entrance-item .icon-img {
  37. width: 64rpx;
  38. height: 64rpx;
  39. border-radius: 22.4rpx;
  40. margin-bottom: 16rpx;
  41. }
  42. .inpatient-tabs-container .inpatient-person {
  43. padding: 0 24rpx 32rpx;
  44. }
  45. .inpatient-tabs-container .inpatient-person .inpatient-person-item {
  46. background-color: #F7F7F7;
  47. border-radius: 8rpx;
  48. padding: 24rpx;
  49. margin-top: 16rpx;
  50. }
  51. .inpatient-tabs-container .inpatient-person .inpatient-person-item .item-top {
  52. display: flex;
  53. align-items: center;
  54. justify-content: space-between;
  55. }
  56. .inpatient-tabs-container .inpatient-person .inpatient-person-item .item-top .item-top-name {
  57. display: flex;
  58. align-items: center;
  59. }
  60. .inpatient-tabs-container .inpatient-person .inpatient-person-item .item-top .name {
  61. color: #333;
  62. font-weight: 700;
  63. font-size: 28rpx;
  64. line-height: 30rpx;
  65. }
  66. .inpatient-tabs-container .inpatient-person .inpatient-person-item .item-top .mark {
  67. box-sizing: border-box;
  68. height: 30rpx;
  69. margin-left: 18rpx;
  70. padding: 0 10rpx;
  71. color: #1677ff;
  72. font-weight: 400;
  73. font-size: 20rpx;
  74. line-height: 30rpx;
  75. background-color: #fff;
  76. border: 2rpx solid rgba(22, 119, 255, 0.3);
  77. border-radius: 4rpx;
  78. display: flex;
  79. align-items: center;
  80. justify-content: center;
  81. }
  82. .inpatient-tabs-container .inpatient-person .inpatient-person-item .item-top .time {
  83. font-weight: 400;
  84. font-size: 22rpx;
  85. color: #999;
  86. }
  87. .inpatient-tabs-container .inpatient-person .inpatient-person-item .item-bottom {
  88. margin-top: 16rpx;
  89. display: flex;
  90. align-items: center;
  91. font-weight: 400;
  92. font-size: 26rpx;
  93. color: #666;
  94. }
  95. .inpatient-tabs-container .inpatient-person .inpatient-person-item .item-bottom .weight {
  96. color: #333;
  97. font-weight: 600;
  98. }
  99. .inpatient-tabs-container .inpatient-person .inpatient-person-item .item-bottom .distance {
  100. margin-right: 32rpx;
  101. }