made.wxss 1.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109
  1. /* pages/customized/made/made.wxss */
  2. page{
  3. background:#fff;
  4. }
  5. .made-content{
  6. width:750rpx;
  7. height:588rpx;
  8. }
  9. .made-content-canvas{
  10. position:absolute;
  11. top:0;
  12. left:0;
  13. /* opacity:0; */
  14. }
  15. .made-img-box{
  16. margin-top:60rpx;
  17. position: relative;
  18. }
  19. .made-prompt{
  20. width:inherit;
  21. height:inherit;
  22. }
  23. .made-img{
  24. background:red;
  25. width:270rpx;
  26. height:270rpx;
  27. padding:1rpx;
  28. margin:0 auto;
  29. position:fixed;
  30. top:0;
  31. left:0;
  32. }
  33. .made-img-image{
  34. width:750rpx;
  35. height:588rpx;
  36. }
  37. /* .made-font{
  38. background:blue;
  39. width:270rpx;
  40. height:270rpx;
  41. padding:1rpx;
  42. margin:0 auto;
  43. } */
  44. .font-content{
  45. display: inline-block;
  46. position:relative;
  47. }
  48. .made-box{
  49. position:relative;
  50. width: inherit;
  51. height: inherit;
  52. }
  53. .edit-content{
  54. /* width:270rpx;
  55. height:270rpx; */
  56. position:absolute;
  57. top:0;
  58. left:0;
  59. /* overflow: hidden; */
  60. z-index:30;
  61. }
  62. .made-font{
  63. /* width:270rpx;
  64. height:270rpx; */
  65. position:absolute;
  66. top:0;
  67. left:0;
  68. /* overflow: hidden; */
  69. z-index:40;
  70. }
  71. .btn-box{
  72. width:70%;
  73. margin:60rpx auto;
  74. }
  75. .btn-box button{
  76. width:200rpx;
  77. background:none;
  78. color:#c9c9c9;
  79. font-size:32rpx;
  80. margin-bottom:36rpx;
  81. border:1rpx solid #c9c9c9;
  82. box-shadow:none;
  83. }
  84. .btn-box button.active{
  85. color:#00af66;
  86. border:1rpx solid #00af66
  87. }
  88. .footer{
  89. position:fixed;
  90. bottom:0;
  91. width:100%;
  92. z-index:10;
  93. line-height:92rpx;
  94. background:#fff;
  95. border-top:1rpx solid #dcdcdc;
  96. text-align: center;
  97. color:#666;
  98. font-size:30rpx;
  99. cursor: pointer;
  100. }
  101. .footer-btn{
  102. border-left:1rpx solid #dcdcdc;
  103. }
  104. .footer-btn:first-child{
  105. border-left:0rpx solid #dcdcdc;
  106. }