app-card-give.wxss 2.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139
  1. @charset "UTF-8";
  2. .text-center.data-v-a6e5df82 {
  3. text-align: center;
  4. }
  5. .font-weight.data-v-a6e5df82 {
  6. font-weight: bold;
  7. }
  8. .page-width.data-v-a6e5df82 {
  9. width: 100%;
  10. }
  11. .goods-hover-class.data-v-a6e5df82 {
  12. opacity: .9;
  13. background-color: #f7f7f7;
  14. }
  15. .background-image.data-v-a6e5df82 {
  16. background-repeat: no-repeat;
  17. background-size: 100% 100%;
  18. background-position: center;
  19. }
  20. /*全局文字大小*/
  21. /* 屏幕宽度*/
  22. page.data-v-a6e5df82 {
  23. font-size: 32rpx;
  24. background: #f7f7f7;
  25. }
  26. .page-width.data-v-a6e5df82 {
  27. width: 100%;
  28. }
  29. .u-hover-class.data-v-a6e5df82 {
  30. opacity: .9;
  31. background-color: #f7f7f7;
  32. }
  33. .safe-area-inset-bottom.data-v-a6e5df82 {
  34. padding-bottom: 0;
  35. padding-bottom: constant(safe-area-inset-bottom);
  36. padding-bottom: env(safe-area-inset-bottom);
  37. }
  38. .give.data-v-a6e5df82 {
  39. background-color: #ffffff;
  40. }
  41. .content.data-v-a6e5df82 {
  42. width: 750rpx;
  43. height: 880rpx;
  44. background-size: contain;
  45. background-repeat: no-repeat;
  46. background-position: center;
  47. padding-top: 46rpx;
  48. text-align: center;
  49. background-color: #ffffff;
  50. line-height: 1;
  51. }
  52. .content .avatar.data-v-a6e5df82 {
  53. width: 130rpx;
  54. height: 130rpx;
  55. margin: 0 auto 30rpx auto;
  56. border-radius: 130rpx;
  57. overflow: hidden;
  58. }
  59. .content .avatar image.data-v-a6e5df82 {
  60. width: 100%;
  61. height: 100%;
  62. display: block;
  63. }
  64. .content .nickname.data-v-a6e5df82 {
  65. font-size: 28rpx;
  66. }
  67. .content .title.data-v-a6e5df82 {
  68. margin-top: 40rpx;
  69. font-size: 32rpx;
  70. }
  71. .content .pic.data-v-a6e5df82 {
  72. margin: 76rpx auto 0 auto;
  73. width: 636rpx;
  74. height: 200rpx;
  75. }
  76. .content .pic .card-title.data-v-a6e5df82 {
  77. margin-left: 40rpx;
  78. border-radius: 120rpx;
  79. overflow: hidden;
  80. }
  81. .content .pic image.data-v-a6e5df82 {
  82. width: 120rpx;
  83. height: 120rpx;
  84. display: block;
  85. }
  86. .content .pic .name.data-v-a6e5df82 {
  87. margin-left: 21rpx;
  88. width: 300rpx;
  89. }
  90. .content .reset-time.data-v-a6e5df82 {
  91. height: 52rpx;
  92. font-size: 22rpx;
  93. line-height: 50rpx;
  94. margin: 40rpx auto 0 auto;
  95. }
  96. .content .time.data-v-a6e5df82 {
  97. margin-top: 6rpx;
  98. font-size: 22rpx;
  99. }
  100. .content .card-btn-group.data-v-a6e5df82 {
  101. margin-top: 34rpx;
  102. }
  103. .content .card-btn.data-v-a6e5df82 {
  104. width: 284rpx;
  105. height: 76rpx;
  106. }
  107. .content .card-btn.btn-1.data-v-a6e5df82 {
  108. margin: 410rpx auto 0 auto;
  109. }
  110. .content .card-btn.btn-0.data-v-a6e5df82:first-child {
  111. margin-right: 38rpx;
  112. }
  113. .content .card-modal.data-v-a6e5df82 {
  114. background-color: rgba(0, 0, 0, 0.5);
  115. width: 100%;
  116. height: 100%;
  117. position: fixed;
  118. top: 0;
  119. left: 0;
  120. z-index: 1000;
  121. }
  122. .content .card-modal .modal-content.data-v-a6e5df82 {
  123. width: 600rpx;
  124. height: 528rpx;
  125. background-size: contain;
  126. background-repeat: no-repeat;
  127. background-position: center;
  128. }
  129. .content .card-modal .modal-content .error.data-v-a6e5df82 {
  130. margin: 290rpx auto 0 auto;
  131. font-size: 36rpx;
  132. }
  133. .content .card-modal .modal-content .modal-btn.data-v-a6e5df82 {
  134. margin: 62rpx auto 0 auto;
  135. width: 520rpx;
  136. height: 90rpx;
  137. border-radius: 90rpx;
  138. }