东风启辰小程序端
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

132 satır
1.9KB

  1. /* pages/guessPoster/guessPoster.wxss */
  2. image{
  3. display: block;
  4. }
  5. view{
  6. -webkit-overflow-scrolling: touch;
  7. }
  8. .main{
  9. height: calc(100vh - 120rpx);
  10. overflow: auto;
  11. position: relative;
  12. }
  13. .selectGroup{
  14. position: relative;
  15. margin: 50rpx auto 70rpx;
  16. width: 611rpx;
  17. height: 71rpx;
  18. }
  19. .selectImg{
  20. width: 100%;
  21. height: 100%;
  22. }
  23. .selectMask{
  24. position: absolute;
  25. left: 0;
  26. top: 0;
  27. width: 50%;
  28. height: 100%;
  29. opacity: 0;
  30. }
  31. .posterGroup{
  32. position: relative;
  33. width: 395rpx;
  34. height: 750rpx;
  35. margin: 0 auto;
  36. }
  37. .posterImg{
  38. width: 100%;
  39. height:100%;
  40. }
  41. .bottomGroup{
  42. position: relative;
  43. margin-top: 35rpx;
  44. width: 750rpx;
  45. height: 200rpx;
  46. }
  47. .bottomImg{
  48. position: absolute;
  49. left: 0;
  50. top: 0;
  51. width: 750rpx;
  52. height: 370rpx;
  53. }
  54. .saveGroup{
  55. position: absolute;
  56. left: 0;
  57. top: 0;
  58. width: 100%;
  59. height: 100%;
  60. display: flex;
  61. align-items: center;
  62. flex-direction: column;
  63. }
  64. .saveIcon{
  65. width: 95rpx;
  66. height: 96rpx;
  67. margin-top: 30rpx;
  68. margin-bottom: 15rpx;
  69. }
  70. .saveBtn{
  71. width: 267rpx;
  72. height: 54rpx;
  73. }
  74. .linkShareImg{
  75. width: 462rpx;
  76. height: 640rpx;
  77. margin: 0 auto;
  78. }
  79. .linkShareGroup{
  80. position: relative;
  81. width: 750rpx;
  82. height: 464rpx;
  83. margin-top: 44rpx;
  84. }
  85. .linkShareBg{
  86. width: 100%;
  87. height: 100%;
  88. }
  89. .linkShareBtn{
  90. position: absolute;
  91. left: 50%;
  92. transform: translateX(-50%);
  93. top: 123rpx;
  94. width: 268rpx;
  95. height: 168rpx;
  96. }
  97. .shareBtn{
  98. position: absolute;
  99. left: 50%;
  100. transform: translateX(-50%);
  101. top: 123rpx;
  102. margin: 0;
  103. padding: 0;
  104. opacity: 0;
  105. width: 268rpx;
  106. height: 168rpx;
  107. }
  108. .posterText{
  109. position: absolute;
  110. left: 71rpx;
  111. top: 520rpx;
  112. line-height: 14rpx;
  113. font-size:14rpx;
  114. font-family:MHeiPRC;
  115. font-weight:500;
  116. color:rgba(255,255,255,1);
  117. }
  118. .posterCode{
  119. position: absolute;
  120. right: 30rpx;
  121. bottom: 21rpx;
  122. width: 68rpx;
  123. height: 68rpx;
  124. }
  125. .canvasDraw{
  126. width:1776rpx;
  127. height:3268rpx;
  128. position: fixed;
  129. top: 0;
  130. left: -1776rpx;
  131. background-color: black;
  132. }