index.wxss 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140
  1. .modular{
  2. padding: 10rpx 20rpx;
  3. }
  4. .coin-list{
  5. display: flex;
  6. align-items: center;
  7. box-sizing: border-box;
  8. }
  9. .coin-list .coin-list-l{
  10. width: 90rpx;
  11. height: 90rpx;
  12. border-radius: 50%;
  13. background-image: linear-gradient(to top,rgb(237,58,67,.35) 0% ,rgb(237,58,67,.2) 30%, rgb(255, 255, 255,0));
  14. }
  15. .coin-list .coin-list-l .icon-box{
  16. margin: 2rpx;
  17. background: #fff;
  18. height: calc(100% - 4rpx);
  19. border-radius: 50%;
  20. text-align: center;
  21. line-height: 86rpx;
  22. font-size: 52rpx;
  23. color: #ee3a43;
  24. }
  25. .red{
  26. color: #ee3a43;
  27. }
  28. .coin-list .coin-list-c{
  29. flex: 1;
  30. padding: 0 20rpx;
  31. }
  32. .coin-list .coin-list-r{
  33. background: #FEF5F5;
  34. color: var(--subtitleColor);
  35. padding: 0 1rem;
  36. border-radius: 4rem;
  37. font-weight: 900;
  38. }
  39. .coin-list .coin-list-c .get-method span{
  40. margin-right: .4rem;
  41. }
  42. .get-method{
  43. font-weight: 900;
  44. }
  45. .coin-list .coin-list-c .get-ins{
  46. color: #999;
  47. font-size: 24rpx;
  48. margin-top: 10rpx;
  49. }
  50. .head-status{
  51. text-align: center;
  52. padding: 0rpx 40rpx;
  53. font-weight: 700;
  54. line-height: 1.8;
  55. }
  56. .enterSuccess{
  57. margin-top: -40rpx;
  58. }
  59. .head-status view:first-child{
  60. font-size: 160rpx;
  61. }
  62. .head-status view:last-child{
  63. font-size: 40rpx;
  64. }
  65. .code-img{
  66. width: 42%;
  67. display: block;
  68. /* margin: auto; */
  69. position: absolute;
  70. /* height: 250rpx !important; */
  71. right: 40rpx;
  72. top: 30rpx;
  73. }
  74. .comment-btn{
  75. margin-top: 40rpx;
  76. background: var(--themeColor);
  77. color: #000;
  78. text-align: center;
  79. line-height: 2;
  80. width: 300rpx;
  81. border-radius: 50rpx;
  82. }
  83. .comment-content {
  84. padding: 20rpx 0;
  85. }
  86. .add-comment {
  87. border-top: 2rpx solid #ebedf0;
  88. }
  89. .scoreImg {
  90. width: 100%;
  91. display: flex;
  92. align-items: center;
  93. padding-top: 20rpx;
  94. flex-wrap: wrap;
  95. }
  96. .scoreImg image {
  97. width: 140rpx;
  98. height: 140rpx;
  99. margin-right: 20rpx;
  100. margin-bottom: 20rpx;
  101. }
  102. /* 评价 */
  103. .star {
  104. margin-right: -20rpx;
  105. }
  106. .star image {
  107. width: 50rpx;
  108. height: 26rpx;
  109. }
  110. /* 参与成功图片 */
  111. .success{
  112. width: 100%;
  113. box-sizing: border-box;
  114. height: 300rpx;
  115. padding: 20rpx 180rpx 50rpx 180rpx;
  116. }
  117. .image{
  118. width: 100%;
  119. height: 250rpx;
  120. }
  121. .bgView{
  122. width: 80%;
  123. height: 300rpx;
  124. margin: auto;
  125. background-image: url(https://img.bbztx.com/miniProgram/challengeFamily/CQBg.jpg);
  126. background-size: 100% 100%;
  127. position: relative;
  128. }
  129. .baby{
  130. width: 80rpx;
  131. height: 80rpx;
  132. }