index.acss 3.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114
  1. .hospital-new-component .patient-detail {
  2. background-image: linear-gradient(180deg, #1677FF 20rpx, rgba(22, 119, 255, 0) 96%);
  3. background-size: 100% 200rpx;
  4. background-repeat: no-repeat;
  5. height: 100vh;
  6. overflow-y: auto;
  7. }
  8. .hospital-new-component .patient-detail .patient-d-block {
  9. padding: 24rpx;
  10. background: #fff;
  11. border-radius: 24rpx;
  12. margin: 24rpx;
  13. color: #666;
  14. font-size: 24rpx;
  15. line-height: 40rpx;
  16. }
  17. .hospital-new-component .patient-detail .patient-d-block .patient-d-flex {
  18. display: flex;
  19. justify-content: space-between;
  20. align-items: center;
  21. margin-top: 4rpx;
  22. margin-bottom: 10rpx;
  23. }
  24. .hospital-new-component .patient-detail .patient-d-block .patient-d-name {
  25. color: #333;
  26. font-size: 40rpx;
  27. margin-right: 24rpx;
  28. font-weight: 500;
  29. }
  30. .hospital-new-component .patient-detail .patient-d-block .patient-d-rela {
  31. color: #1677FF;
  32. font-size: 20rpx;
  33. font-weight: 300;
  34. border-radius: 4rpx;
  35. border: 1rpx solid rgba(22, 119, 255, 0.3);
  36. padding: 0 8rpx;
  37. line-height: 28rpx;
  38. }
  39. .hospital-new-component .patient-detail .patient-d-block .patient-d-btn {
  40. color: #1677FF;
  41. }
  42. .hospital-new-component .patient-detail .patient-d-block .patient-more {
  43. display: flex;
  44. justify-content: center;
  45. }
  46. .hospital-new-component .patient-detail .patient-d-block .patient-more .patient-more-img {
  47. width: 60rpx;
  48. height: 60rpx;
  49. transform: rotate3d(0, 0, 1, 90deg);
  50. }
  51. .hospital-new-component .patient-detail .patient-d-block .am-collapse-item {
  52. display: flex;
  53. flex-direction: column-reverse;
  54. }
  55. .hospital-new-component .patient-detail .patient-d-block .am-collapse-item-title {
  56. padding: 0;
  57. transition: height 0.2s linear;
  58. overflow: hidden;
  59. margin-bottom: -20rpx;
  60. }
  61. .hospital-new-component .patient-detail .patient-d-block .am-collapse-item-title:after {
  62. display: none;
  63. }
  64. .hospital-new-component .patient-detail .patient-d-block .am-collapse-item-title.title--active .patient-more {
  65. transform: rotate3d(0, 0, 1, 180deg);
  66. }
  67. .hospital-new-component .patient-detail .patient-d-block .am-collapse-item-title .am-collapse-item-title-container {
  68. justify-content: center;
  69. }
  70. .hospital-new-component .patient-detail .patient-d-block .item-content {
  71. border-top: 1rpx solid rgba(0, 0, 0, 0.1);
  72. padding-top: 20rpx;
  73. }
  74. .hospital-new-component .patient-detail .patient-d-block .item-content .patient-radio,
  75. .hospital-new-component .patient-detail .patient-d-block .item-content .patient-label {
  76. display: flex;
  77. align-items: center;
  78. justify-content: center;
  79. }
  80. .hospital-new-component .patient-detail .patient-button {
  81. width: 200rpx;
  82. margin: 60rpx auto;
  83. line-height: 52rpx;
  84. border-radius: 8rpx;
  85. color: #1677FF;
  86. font-size: 26rpx;
  87. text-align: center;
  88. }
  89. .hospital-new-component .patient-detail .patient-d-wrap {
  90. color: #999;
  91. font-size: 24rpx;
  92. line-height: 40rpx;
  93. }
  94. .hospital-new-component .patient-detail .patient-d-wrap .patient-d-title {
  95. color: #333;
  96. font-size: 30rpx;
  97. display: flex;
  98. font-weight: 500;
  99. justify-content: space-between;
  100. }
  101. .hospital-new-component .patient-detail .patient-d-wrap .patient-d-title .patient-d-rela {
  102. margin-left: 20rpx;
  103. }
  104. .hospital-new-component .patient-detail .patient-card-num {
  105. color: #999;
  106. font-size: 24rpx;
  107. margin: -10rpx 24rpx;
  108. }
  109. .hospital-new-component .patient-detail .patient-msg {
  110. color: #999;
  111. font-size: 24rpx;
  112. margin: 50rpx 24rpx;
  113. line-height: 36rpx;
  114. }