yeyouzi-cropper.wxss 906 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  1. .Container {
  2. opacity: 0;
  3. z-index: -9999;
  4. display: flex;
  5. flex-direction: column;
  6. width: 100%;
  7. height: 100%;
  8. position: fixed;
  9. left: 0;
  10. top: 0;
  11. }
  12. .Container-show {
  13. position: fixed;
  14. left: 0;
  15. top: 0;
  16. background: #000;
  17. display: flex;
  18. width: 100%;
  19. height: 100%;
  20. flex-direction: column;
  21. opacity: 1;
  22. z-index: 999;
  23. }
  24. .imgContainer {
  25. height: 100%;
  26. width: 100%;
  27. position: relative;
  28. }
  29. .settingContainer {
  30. background: #000;
  31. padding: 40rpx 0;
  32. z-index: 10000;
  33. }
  34. .rotateContainer {
  35. display: flex;
  36. flex-direction: row;
  37. align-items: center;
  38. padding: 0px 40rpx;
  39. margin-bottom: 190rpx;
  40. }
  41. .btnContainer {
  42. display: flex;
  43. flex-direction: row;
  44. justify-content: space-between;
  45. padding: 40rpx;
  46. }
  47. .imgCanvas {
  48. position: absolute;
  49. top: -9999px;
  50. width: 600rpx;
  51. height: 600rpx;
  52. }