makeGroup.wxss 1.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  1. /* components/activity/makeGroup.wxss */
  2. .groupContent{
  3. padding: 10rpx 6rpx;
  4. background: #fff2f6;
  5. }
  6. .preferential {
  7. display: flex;
  8. justify-content: space-between;
  9. align-items: center;
  10. position: relative;
  11. }
  12. .preferential-text2 {
  13. display: flex;
  14. justify-content: space-between;
  15. align-items: center;
  16. margin-left: 0;
  17. }
  18. .preferential > .preferential-text {
  19. flex-shrink: 1;
  20. margin: 0 40rpx 0 20rpx;
  21. font-size: 24rpx;
  22. overflow: hidden;
  23. text-overflow: ellipsis;
  24. width: 100%;
  25. }
  26. .preferential > .preferential-after {
  27. flex-shrink: 0;
  28. margin-right: 20rpx;
  29. }
  30. .head{
  31. width: 25%;
  32. height: 54rpx;
  33. overflow: hidden;
  34. }
  35. .head > image:first-child{
  36. margin-left: 0;
  37. }
  38. .head > image {
  39. width: 50rpx;
  40. height: 50rpx;
  41. border-radius: 100%;
  42. vertical-align: middle;
  43. margin-left: -20rpx;
  44. border:4rpx solid #fff;
  45. }
  46. .red {
  47. color: #EE3A43;
  48. }
  49. .button.button-warn {
  50. background-color: #ee3a43;
  51. color: #fff;
  52. }
  53. .button.button-mini {
  54. height: 50rpx;
  55. line-height: 50rpx;
  56. font-size: 24rpx;
  57. }
  58. .button.button-radius {
  59. border-radius: 60rpx;
  60. }