index.wxss 1.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  1. .community-item {
  2. box-sizing: border-box;
  3. display: flex;
  4. padding: 60rpx 30rpx;
  5. }
  6. .community-item .group-head {
  7. width: 80rpx;
  8. height: 80rpx;
  9. border-radius: 80rpx;
  10. margin-right: 20rpx;
  11. }
  12. .community-item .community-title {
  13. font-size: 32rpx;
  14. line-height: 32rpx;
  15. height: 32rpx;
  16. width: 520rpx;
  17. margin-bottom: 20rpx;
  18. display: flex;
  19. justify-content: space-between;
  20. align-items: flex-end;
  21. }
  22. .community-item .community-title .span {
  23. color: #444;
  24. font-weight: 500;
  25. }
  26. .community-item .community-title .em {
  27. color: #ff5344;
  28. font-size: 26rpx;
  29. line-height: 26rpx;
  30. white-space: nowrap;
  31. }
  32. .community-item .community-address {
  33. font-size: 26rpx;
  34. line-height: 34rpx;
  35. color: #666;
  36. width: 520rpx;
  37. display: -webkit-box;
  38. -webkit-box-orient: vertical;
  39. -webkit-line-clamp: 2;
  40. overflow: hidden;
  41. text-overflow: initial;
  42. white-space: normal;
  43. /* margin-bottom: 6rpx; */
  44. }
  45. .community-item .group-master {
  46. width: 560rpx;
  47. font-size: 26rpx;
  48. line-height: 26rpx;
  49. color: #aaa;
  50. position: relative;
  51. margin-bottom: 6rpx;
  52. }
  53. .community-item .group-master .right-arrow {
  54. position: absolute;
  55. right: 0;
  56. top: 0;
  57. width: 14rpx;
  58. height: 28rpx;
  59. }