departmentIntroduction.acss 1.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  1. .hospital-new-component .department-introduction-container {
  2. display: flex;
  3. flex-wrap: wrap;
  4. margin-bottom: -16rpx;
  5. }
  6. .hospital-new-component .department-introduction {
  7. height: 128rpx;
  8. width: calc(50% - 8rpx);
  9. border-radius: 16rpx;
  10. margin: 0 16rpx 16rpx 0;
  11. background: #fff;
  12. }
  13. .hospital-new-component .department-introduction:nth-child(2n) {
  14. margin-right: 0;
  15. }
  16. .hospital-new-component .department-introduction .department-introduction-content {
  17. height: 100%;
  18. padding: 24rpx;
  19. display: flex;
  20. }
  21. .hospital-new-component .department-introduction .department-introduction-left {
  22. margin-right: 24rpx;
  23. }
  24. .hospital-new-component .department-introduction .department-introduction-left .department-introduction-img {
  25. width: 80rpx;
  26. height: 80rpx;
  27. border-radius: 16rpx;
  28. }
  29. .hospital-new-component .department-introduction .department-introduction-right {
  30. flex: 1;
  31. }
  32. .hospital-new-component .department-introduction .department-introduction-right .department-introduction-title {
  33. font-size: 30rpx;
  34. color: #333;
  35. margin-bottom: 10rpx;
  36. white-space: nowrap;
  37. overflow: hidden;
  38. text-overflow: ellipsis;
  39. width: 25vw;
  40. }
  41. .hospital-new-component .department-introduction .department-introduction-right .department-introduction-desc {
  42. font-size: 26rpx;
  43. color: #999;
  44. white-space: nowrap;
  45. overflow: hidden;
  46. text-overflow: ellipsis;
  47. width: 25vw;
  48. }
  49. .hospital-new-component .no-more-departments {
  50. color: #ccc;
  51. height: 60px;
  52. font-size: 13px;
  53. line-height: 60px;
  54. text-align: center;
  55. }