cropper.wxss 699 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  1. .container {
  2. position: relative;
  3. width: 100%;
  4. height: 100%;
  5. background: #EE3A43;
  6. }
  7. .img {
  8. position: absolute;
  9. top: 50%;
  10. left: 50%;
  11. transform: translate(-50%,-50%);
  12. overflow: hidden;
  13. background: #fff;
  14. border:2rpx dashed #333;
  15. }
  16. .img image {
  17. height:400px;
  18. }
  19. .imgcrop {
  20. position: absolute;
  21. left: -50000rpx;
  22. top: -500000rpx;
  23. }
  24. .footer {
  25. position: absolute;
  26. width: 100%;
  27. height: 110rpx;
  28. color: #fff;
  29. background: #EE3A43;
  30. bottom: 0;
  31. display: flex;
  32. align-items: center;
  33. justify-content: space-around;
  34. }
  35. .footer view {
  36. width: 30%;
  37. text-align: center;
  38. }
  39. .background {
  40. width: 100%;
  41. height: 100%;
  42. position: absolute;
  43. top: 0;
  44. z-index: -1;
  45. }