madeImg.wxss 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192
  1. page{
  2. background:#fff;
  3. }
  4. .made-img-box{
  5. position:relative;
  6. margin-top:60rpx;
  7. }
  8. .made-image {
  9. width:750rpx;
  10. height:588rpx;
  11. }
  12. .made-prompt{
  13. width:inherit;
  14. height:inherit;
  15. }
  16. .made-box{
  17. width:270rpx;
  18. height:270rpx;
  19. padding:1rpx;
  20. margin:0 auto;
  21. }
  22. .upload-box{
  23. margin-bottom:200rpx;
  24. }
  25. .upload-list{
  26. width:180rpx;
  27. height:180rpx;
  28. border:2rpx solid #e0e0e0;
  29. margin:0 10rpx;
  30. }
  31. .upload-btn{
  32. width:180rpx;
  33. height:180rpx;
  34. line-height:50rpx;
  35. background:none;
  36. font-size:30rpx;
  37. }
  38. .upload-btn::after{
  39. border:none;
  40. border-radius:none;
  41. }
  42. .upload-box{
  43. margin:50rpx 30rpx;
  44. }
  45. .edit-content{
  46. display: inline-block;
  47. position:relative;
  48. }
  49. .edit-content .iconfont{
  50. position:absolute;
  51. font-size:60rpx;
  52. z-index:10;
  53. }
  54. .icon-close{
  55. top:-50rpx;
  56. left:-50rpx;
  57. }
  58. .footer-icon{
  59. width:120rpx;
  60. }
  61. .footer-add-btn,.footer-upload-btn{
  62. text-align: center;
  63. }
  64. .scroll-view_H{
  65. white-space: nowrap;
  66. }
  67. .scroll-item{
  68. display:inline-block;
  69. width:180rpx;
  70. height:180rpx;
  71. border:2rpx solid #e0e0e0;
  72. margin:0 10rpx;
  73. }
  74. .scroll-item.active{
  75. border-color:#00af66;
  76. }
  77. .scroll-item image{
  78. width:180rpx;
  79. height:180rpx;
  80. }
  81. .slider-box{
  82. /* padding:50rpx 0;
  83. position:fixed;
  84. background:rgba(0,0,0,0.8);
  85. bottom:0;
  86. z-index:20;
  87. width:100%;
  88. color:#fff; */
  89. margin-bottom:180rpx;
  90. }