collageteam.wxss 1.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091
  1. page{
  2. display: block;
  3. width: 100%;
  4. height: 100%;
  5. overflow: auto;
  6. background: #F6F6F6;
  7. padding-top:30rpx;
  8. box-sizing:border-box;
  9. }
  10. .everyteam{
  11. display: block;
  12. width: 690rpx;
  13. background: #FFFFFF;
  14. box-shadow: 0px 3rpx 6rpx rgba(0, 0, 0, 0.16);
  15. box-sizing: border-box;
  16. padding: 18rpx;
  17. margin:0 auto 30rpx;
  18. border-radius:10rpx;
  19. }
  20. .collageimg{
  21. display:block;
  22. width: 200rpx;
  23. height: 184rpx;
  24. border-radius: 10px;
  25. }
  26. .teamsgbox{
  27. display:block;
  28. margin-left:22rpx;
  29. width: 430rpx;
  30. height: 184rpx;
  31. }
  32. .activityname{
  33. display: block;
  34. width: 430rpx;
  35. }
  36. .personbox{
  37. display: block;
  38. bottom: 0;
  39. left: 0;
  40. }
  41. .everyheadbox{
  42. display:block;
  43. width: 54rpx;
  44. height: 54rpx;
  45. background: #FFFFFF;
  46. box-shadow: 0px 0px 4rpx rgba(0, 0, 0, 0.11);
  47. border-radius: 50%;
  48. position: relative;
  49. }
  50. .everyheadbox .headimg{
  51. display:block;
  52. width: 54rpx;
  53. height: 54rpx;
  54. border-radius: 50%;
  55. }
  56. .everyheadbox .teamer{
  57. display: block;
  58. width: 29rpx;
  59. height: 17rpx;
  60. position: absolute;
  61. top: -3rpx;
  62. left: -4rpx;
  63. z-index:2;
  64. }
  65. .nonebox{
  66. display: block;
  67. width: 54rpx;
  68. height: 54rpx;
  69. box-shadow: 0px 3rpx 6rpx rgba(0, 0, 0, 0.16);
  70. border-radius: 50%;
  71. border: 2rpx dashed #cccccc;
  72. background:#ffffff;
  73. }
  74. .nonebox image{
  75. display:block;
  76. width:26rpx;
  77. height:26rpx;
  78. margin: 14rpx auto;
  79. }
  80. .margin-9{
  81. margin-left:-9rpx;
  82. }