yeyouzi-cropper.wxss 758 B

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