app-group-avatar-short.wxss 3.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132
  1. @charset "UTF-8";
  2. .text-center.data-v-53e548ad {
  3. text-align: center;
  4. }
  5. .font-weight.data-v-53e548ad {
  6. font-weight: bold;
  7. }
  8. .page-width.data-v-53e548ad {
  9. width: 100%;
  10. }
  11. .goods-hover-class.data-v-53e548ad {
  12. opacity: .9;
  13. background-color: #f7f7f7;
  14. }
  15. .background-image.data-v-53e548ad {
  16. background-repeat: no-repeat;
  17. background-size: 100% 100%;
  18. background-position: center;
  19. }
  20. /*全局文字大小*/
  21. /* 屏幕宽度*/
  22. page.data-v-53e548ad {
  23. font-size: 32rpx;
  24. background: #f7f7f7;
  25. }
  26. .page-width.data-v-53e548ad {
  27. width: 100%;
  28. }
  29. .u-hover-class.data-v-53e548ad {
  30. opacity: .9;
  31. background-color: #f7f7f7;
  32. }
  33. .safe-area-inset-bottom.data-v-53e548ad {
  34. padding-bottom: 0;
  35. padding-bottom: constant(safe-area-inset-bottom);
  36. padding-bottom: env(safe-area-inset-bottom);
  37. }
  38. .app-group-avatar-short.data-v-53e548ad {
  39. background-color: #f7f7f7;
  40. padding: 10rpx 24rpx;
  41. box-sizing: border-box;
  42. min-height: 374rpx;
  43. position: relative;
  44. }
  45. .app-group-avatar-short .app-background.data-v-53e548ad {
  46. position: absolute;
  47. width: 702rpx;
  48. height: 220rpx;
  49. z-index: 0;
  50. top: 0;
  51. -webkit-transform: translateX(-50%);
  52. transform: translateX(-50%);
  53. left: 50%;
  54. margin-top: 10rpx;
  55. }
  56. .app-group-avatar-short .app-background-image.data-v-53e548ad {
  57. width: 702rpx;
  58. min-height: 220rpx;
  59. padding-top: 42rpx;
  60. box-sizing: border-box;
  61. }
  62. .app-group-avatar-short .app-background-image .app-text.data-v-53e548ad {
  63. font-size: 25rpx;
  64. text-align: center;
  65. margin-bottom: 32rpx;
  66. z-index: 1000;
  67. position: relative;
  68. }
  69. .app-group-avatar-short .app-background-image .app-text .app-people.data-v-53e548ad {
  70. color: #1b1b1b;
  71. }
  72. .app-group-avatar-short .app-background-image .app-text .app-people .app-num.data-v-53e548ad {
  73. color: #ff2755;
  74. display: inline-block;
  75. margin: 0 10rpx;
  76. }
  77. .app-group-avatar-short .app-background-image .app-content.data-v-53e548ad {
  78. width: 702rpx;
  79. background-color: #ffe7e7;
  80. }
  81. .app-group-avatar-short .app-background-image .app-content .app-item.data-v-53e548ad {
  82. width: 70rpx;
  83. height: 82rpx;
  84. margin-right: 16rpx;
  85. margin-bottom: 20rpx;
  86. z-index: 1000;
  87. position: relative;
  88. }
  89. .app-group-avatar-short .app-background-image .app-content .app-item .app-avatar.data-v-53e548ad {
  90. width: 70rpx;
  91. height: 70rpx;
  92. border-radius: 50%;
  93. background-color: white;
  94. }
  95. .app-group-avatar-short .app-background-image .app-content .app-item .app-name.data-v-53e548ad {
  96. position: absolute;
  97. bottom: 0;
  98. left: 50%;
  99. -webkit-transform: translateX(-50%);
  100. transform: translateX(-50%);
  101. background-color: #ff5c5c;
  102. color: white;
  103. line-height: 26rpx;
  104. width: 56rpx;
  105. height: 26rpx;
  106. font-size: 16rpx;
  107. border-radius: 10rpx;
  108. text-align: center;
  109. }
  110. .app-group-avatar-short .app-background-image .app-content .app-add .app-add-avatar.data-v-53e548ad {
  111. border: 1rpx solid #ff6363;
  112. }
  113. .app-group-avatar-short .app-share.data-v-53e548ad {
  114. width: 702rpx;
  115. height: 88rpx;
  116. line-height: 88rpx;
  117. border-radius: 46rpx;
  118. text-align: center;
  119. font-size: 32rpx;
  120. color: #ffffff;
  121. margin: 24rpx 0 32rpx 0;
  122. }
  123. .app-group-avatar-short .buy-btn.data-v-53e548ad {
  124. position: absolute;
  125. bottom: 0;
  126. left: 0;
  127. color: #ffffff;
  128. z-index: 1550;
  129. width: 100%;
  130. height: 110rpx;
  131. }