u-avatar-cropper.css 1.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879
  1. @charset "UTF-8";
  2. /**
  3. * 下方引入的为uView UI的集成样式文件,为scss预处理器,其中包含了一些"u-"开头的自定义变量
  4. * uView自定义的css类名和scss变量,均以"u-"开头,不会造成冲突,请放心使用
  5. */
  6. .content.data-v-90d78b40 {
  7. background: white;
  8. }
  9. .cropper.data-v-90d78b40 {
  10. position: absolute;
  11. top: 0;
  12. left: 0;
  13. width: 100%;
  14. height: 100%;
  15. z-index: 11;
  16. }
  17. .cropper-buttons.data-v-90d78b40 {
  18. background-color: #000000;
  19. color: #eee;
  20. }
  21. .cropper-wrapper.data-v-90d78b40 {
  22. position: relative;
  23. display: -webkit-box;
  24. display: -webkit-flex;
  25. display: flex;
  26. -webkit-box-orient: horizontal;
  27. -webkit-box-direction: normal;
  28. -webkit-flex-direction: row;
  29. flex-direction: row;
  30. flex-direction: row;
  31. -webkit-box-pack: justify;
  32. -webkit-justify-content: space-between;
  33. justify-content: space-between;
  34. -webkit-box-align: center;
  35. -webkit-align-items: center;
  36. align-items: center;
  37. width: 100%;
  38. background-color: #000;
  39. }
  40. .cropper-buttons.data-v-90d78b40 {
  41. width: 100vw;
  42. display: -webkit-box;
  43. display: -webkit-flex;
  44. display: flex;
  45. -webkit-box-orient: horizontal;
  46. -webkit-box-direction: normal;
  47. -webkit-flex-direction: row;
  48. flex-direction: row;
  49. flex-direction: row;
  50. -webkit-box-pack: justify;
  51. -webkit-justify-content: space-between;
  52. justify-content: space-between;
  53. -webkit-box-align: center;
  54. -webkit-align-items: center;
  55. align-items: center;
  56. position: fixed;
  57. bottom: 0;
  58. left: 0;
  59. font-size: 28rpx;
  60. }
  61. .cropper-buttons .upload.data-v-90d78b40,
  62. .cropper-buttons .getCropperImage.data-v-90d78b40 {
  63. width: 50%;
  64. text-align: center;
  65. }
  66. .cropper-buttons .upload.data-v-90d78b40 {
  67. text-align: left;
  68. padding-left: 50rpx;
  69. }
  70. .cropper-buttons .getCropperImage.data-v-90d78b40 {
  71. text-align: right;
  72. padding-right: 50rpx;
  73. }