东风启辰小程序端
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 line
1.9KB

  1. /* pages/guessSecondPoster/guessSecondPoster.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. .canvasDraw{
  32. width:1776rpx;
  33. height:3268rpx;
  34. position: fixed;
  35. top: 0;
  36. left: -1776rpx;
  37. background-color: black;
  38. }
  39. .posterGroup{
  40. position: relative;
  41. width: 395rpx;
  42. height: 750rpx;
  43. margin: 0 auto;
  44. }
  45. .posterImg{
  46. width: 100%;
  47. height:100%;
  48. }
  49. .posterCode{
  50. position: absolute;
  51. right: 30rpx;
  52. bottom: 21rpx;
  53. width: 68rpx;
  54. height: 68rpx;
  55. }
  56. .bottomGroup{
  57. position: relative;
  58. margin-top: 35rpx;
  59. width: 750rpx;
  60. height: 200rpx;
  61. }
  62. .bottomImg{
  63. position: absolute;
  64. left: 0;
  65. top: 0;
  66. width: 750rpx;
  67. height: 370rpx;
  68. }
  69. .saveGroup{
  70. position: absolute;
  71. left: 0;
  72. top: 0;
  73. width: 100%;
  74. height: 100%;
  75. display: flex;
  76. align-items: center;
  77. flex-direction: column;
  78. }
  79. .saveIcon{
  80. width: 95rpx;
  81. height: 96rpx;
  82. margin-top: 30rpx;
  83. margin-bottom: 15rpx;
  84. }
  85. .saveBtn{
  86. width: 267rpx;
  87. height: 54rpx;
  88. }
  89. .posterText{
  90. position: absolute;
  91. left: 70rpx;
  92. top: 520rpx;
  93. line-height: 14rpx;
  94. font-size:14rpx;
  95. font-family:MHeiPRC;
  96. font-weight:500;
  97. color:rgba(255,255,255,1);
  98. }
  99. .linkShareImg{
  100. width: 462rpx;
  101. height: 640rpx;
  102. margin: 0 auto;
  103. }
  104. .linkShareGroup{
  105. position: relative;
  106. width: 750rpx;
  107. height: 464rpx;
  108. margin-top: 44rpx;
  109. }
  110. .linkShareBg{
  111. width: 100%;
  112. height: 100%;
  113. }
  114. .linkShareBtn{
  115. position: absolute;
  116. left: 50%;
  117. transform: translateX(-50%);
  118. top: 123rpx;
  119. width: 268rpx;
  120. height: 168rpx;
  121. }
  122. .shareBtn{
  123. position: absolute;
  124. left: 50%;
  125. transform: translateX(-50%);
  126. top: 123rpx;
  127. margin: 0;
  128. padding: 0;
  129. opacity: 0;
  130. width: 268rpx;
  131. height: 168rpx;
  132. }