spellMembersDetails.wxss 998 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. /* pages/spellMembersDetails/spellMembersDetails.wxss */
  2. image {
  3. width: 100%;
  4. height: 100%;
  5. }
  6. .display {
  7. display: none;
  8. }
  9. .page {
  10. position: fixed;
  11. width: 100%;
  12. height: 100%;
  13. background: #f8f8f8;
  14. overflow: auto;
  15. }
  16. .member-item {
  17. background: #fff;
  18. padding: 20rpx;
  19. border-bottom: 1rpx solid #f2f2f2;
  20. }
  21. .head-img {
  22. position: relative;
  23. display: inline-block;
  24. width: 90rpx;
  25. height: 90rpx;
  26. border: 6rpx solid #e43130;
  27. border-radius: 50%;
  28. margin-right: 25rpx;
  29. }
  30. .head-img > image {
  31. border-radius: 50%;
  32. }
  33. .member-msg {
  34. display: inline-block;
  35. font-size: 28rpx;
  36. vertical-align: top;
  37. width: 80%;
  38. }
  39. .member-name {
  40. margin-top: 15rpx;
  41. }
  42. .time {
  43. margin-top: 15rpx;
  44. color: #aaa;
  45. font-size: 26rpx;
  46. }
  47. /* 团长标识 */
  48. .group-leader {
  49. position: absolute;
  50. bottom: -8rpx;
  51. left: 50%;
  52. transform: translateX(-50%);
  53. width: 60rpx;
  54. text-align: center;
  55. font-size: 24rpx;
  56. color: #fff;
  57. background: #e43130;
  58. padding: 3rpx 10rpx;
  59. border-radius: 18rpx;
  60. }