my-group.wxss 1.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105
  1. /* pages/groupPage/my-group/my-group.wxss */
  2. .my-group {
  3. width: 100%;
  4. height: 100%;
  5. background:rgba(240,241,245,1);
  6. }
  7. .my-group scroll-view {
  8. width: 100%;
  9. height: 100%;
  10. }
  11. .my-group-content {
  12. width: 100%;
  13. display: flex;
  14. justify-content: row;
  15. flex-wrap: wrap;
  16. padding: 0 16rpx;
  17. box-sizing: border-box;
  18. }
  19. .group-bars {
  20. display: flex;
  21. justify-content: space-between;
  22. width: 100%;
  23. height: 188rpx;
  24. background: #fff;
  25. margin-top: 20rpx;
  26. border-radius: 12rpx;
  27. padding: 14rpx 28rpx;
  28. box-sizing: border-box;
  29. }
  30. .group-head {
  31. display: flex;
  32. flex-direction: column;
  33. align-items: center;
  34. justify-content: center;
  35. }
  36. .group-head image {
  37. width: 96rpx;
  38. height: 96rpx;
  39. border-radius: 50%;
  40. }
  41. .group-head text {
  42. font-size: 32rpx;
  43. margin-top: 12rpx;
  44. width: 150rpx;
  45. overflow: hidden;
  46. text-overflow: ellipsis;
  47. white-space: nowrap;
  48. text-align: center;
  49. }
  50. .group-jion {
  51. width: 460rpx;
  52. }
  53. .group-jion .top-title {
  54. display: flex;
  55. justify-content: space-between;
  56. font-size: 32rpx;
  57. }
  58. .group-jion .group-detail {
  59. display: flex;
  60. justify-content: space-between;
  61. width: 100%;
  62. height: 84rpx;
  63. border: 4rpx solid #FFACB6;
  64. border-radius: 12rpx;
  65. overflow: hidden;
  66. margin-top: 26rpx;
  67. }
  68. .group-jion .success-border {
  69. border: 4rpx solid #93D33D;
  70. }
  71. .group-jion .group-detail .number {
  72. display: flex;
  73. flex-direction: column;
  74. justify-content: center;
  75. margin-left: 34rpx;
  76. font-size: 28rpx;
  77. color: #4A4A4A;
  78. }
  79. .group-jion .group-detail .jion-btn {
  80. display: flex;
  81. align-items: center;
  82. justify-content: center;
  83. width: 36%;
  84. height: 100%;
  85. background: #FF3E55;
  86. color: #fff;
  87. font-size: 36rpx;
  88. line-height: 100%;
  89. }
  90. .group-jion .group-detail .success-bg {
  91. background: #93D33D;
  92. }