123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288 |
- @font-face {
- font-family: "iconfont";
- src: url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAR4AAsAAAAACKgAAAQsAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDBgqEfIRGATYCJAMMCwgABCAFhG0HShugB8gOJUHBwAAAAAFEBNmwzd4dtatSmmpFoVAEhUThEAYkCozFKDCqCVO6RfH/89v869awDnTR1qrSANFt4GG4SNxreBn91fmV9f3+53J613ieHba+N1zmGM8PA7oXTaCAxpjei8IoLWFsGLu4jPME6vWJJdovqmgAO4U2LRBnep0K7GJmpYQWanXVOWuLuAFrtenK4haAa/f38QnKsCOpyrRFh6eFWsh5KXnfYcn958BGQNKfE8wmMmaAQpzkuo9Z+ukZluoltVV5abUipL5i/ysArlhWVut/eCRBVNPUjYg6oUo7JTHFoaYDSvdacnKTq9GAB4AY5y2dtL3qpFh1DENdnJC6Hq+xYb7pyRMDMzc/fYoJjY8flwO3m98rMucF+IZHj6Cagw5UeKpxyFbt2rHGY/8jpa7CYMvLfcIesLjY3bdqhaf+nqgQs2qT/+rjCH/VfA0VFGuAC3iE8NEr/Vau8vZsXiUy7+V3c3tQQXMAuNjDCC89KDIHH0OFhnUi81GEPwyc7wZUaN7DnUf4g+ZLQsMKYV/94NjK7R7TEM4niTY1oJ5zEU62aNVaasUub08YLUEam5EnT6a61/I17dNk+vTu9jpJjXhsTFwjqTtpCBxBIIgS6iQnc/Zod1YGKp0rAwsD8kkyP6AwcK0hcAwkiQmBhWvxPZWKDu86aUH2nLEdi9rGX1eXq5P6A1SrnAucMVMdZH/GKi/jyfCqJyucfK3mXpVujXOPfFf5LC4Dvx0X/943JyOq4HuCTZ8KiIPPAb6ro8akpT6ufiq39BQrNlk5mp8pO0JlJLk8f5QalRjoP60IMx0N8n7wGhSD3n6/F1zlcTVz/cR+Ev0lkLSTd7UiPbD/wCxGRMA2Krwro2O0bTQtImbwhjAJc0S3N4ROx15/PH60IzaIOjCbEelqkDOfETNxb/FMixnWNzeJp2KPQw9A5d76jGUOQOUvH7RE/o2RfkNatd3OGf9q0QKbnq8WB7qy+hVqJRjJn1BQgP/iErks0yy5iGJTrOayW7C/z0IoZH0qNH+7N+31XXc7G2p1hZDU6IWs1ghaqDNQpcEKVKu1BfWmFW9u0IFhKUodpswCEFodgqTZHWStbqOF+hqqdPsG1VrDEuodhfueDcZCj+QzuIrFtZh6BNNraIowbCzi1dbhOlOfionKXHoTzgzoY5hCKk/minEKZ/pYMDCoU7IsgREM3Y8Vgcvwvj4aMzK0AdewUpJljWkyGZH3IKmG7gfEHgZOhYXTwqiNwOhp0CiE3ZiFpL5fB6dj0keFKcGV+JvgGAP0vWMUpOQ10GI1VQt3LoMHDNJRYrEIPInAoPXDFEEnrk9P0zDG/FEGOA2WFNkiaZRGhuoRddXS8bX917cL6mn9c6TIUXSekybKHKQfJXFq2KSiRklLYU8dNKWDIX0cAA==') format('woff2');
- }
- .vue-cropper.data-v-02b3d9d8 {
- position: fixed;
- left: 0;
- right: 0;
- bottom: 0;
- z-index: 1001;
- box-sizing: border-box;
- user-select: none;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- direction: ltr;
- touch-action: none;
- text-align: left;
- /* background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC");
- */
- background-color: #000000;
- }
- .cropper-canvas.data-v-02b3d9d8 {
- position: absolute;
- top: -9999px;
- left:-9999px;
- z-index: -998;
- }
- .vue-cropper .uni-info__ft.data-v-02b3d9d8 {
- position: absolute;
- line-height: 48px;
- font-size: 18px;
- display: -webkit-flex;
- background-color: #000000;
- padding-bottom: 34rpx;
- display: flex;
- bottom: 0;
- left: 0;
- right: 0;
- z-index: 998;
- }
- .btn-group.data-v-02b3d9d8 {
- position: absolute;
- right: 30px;
- bottom: 78px;
- z-index: 998;
- }
- .btn-item.data-v-02b3d9d8 {
- position: relative;
- width: 40px;
- height: 40px;
- background: #fff;
- border-radius: 20px;
- padding: 10px;
- display: inline-block;
- margin-left: 10px;
- }
- .btn-item.data-v-02b3d9d8:active {
- background: #ccc;
- }
- .rotate-btn.data-v-02b3d9d8 {
- font-family: "iconfont" !important;
- font-size: 24px;
- font-style: normal;
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
- line-height: 20px;
- }
- .rotate-btn.data-v-02b3d9d8:before {
- content: "\e65c";
- margin-left: -2px;
- }
- .reset-btn.data-v-02b3d9d8 {
- font-family: "iconfont" !important;
- font-size: 24px;
- font-style: normal;
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
- line-height: 20px;
- }
- .reset-btn.data-v-02b3d9d8:before {
- content: "\e648";
- margin-left: -2px;
- }
- .vue-cropper .uni-info__ft.data-v-02b3d9d8:after {
- content: " ";
- position: absolute;
- left: 0;
- top: 0;
- right: 0;
- height: 1px;
- border-top: 1px solid #d5d5d6;
- color: #d5d5d6;
- -webkit-transform-origin: 0 0;
- transform-origin: 0 0;
- -webkit-transform: scaleY(.5);
- transform: scaleY(.5);
- z-index: 998;
- }
- .vue-cropper .uni-modal__btn.data-v-02b3d9d8 {
- display: block;
- flex: 1;
- font-size:28rpx;
- text-decoration: none;
- -webkit-tap-highlight-color: rgba(0,0,0,0);
- position: relative;
- text-align: center;
- background-color: #000000;
- z-index: 998;
- }
- /*
- .vue-cropper .uni-modal__btn:first-child:after { display: none }
- .vue-cropper .uni-modal__btn:after {
- content: " ";
- position: absolute;
- left: 0;
- top: 0;
- width: 1px;
- bottom: 0;
- border-left: 1px solid #d5d5d6;
- color: #d5d5d6;
- -webkit-transform-origin: 0 0;
- transform-origin: 0 0;
- -webkit-transform: scaleX(.5);
- transform: scaleX(.5);
- z-index: 998;
- } */
- .vue-cropper .uni-modal__btn.data-v-02b3d9d8:active {
- background-color: #eee;
- }
- .cropper-box.data-v-02b3d9d8,
- .cropper-box-canvas.data-v-02b3d9d8,
- .cropper-drag-box.data-v-02b3d9d8,
- .cropper-crop-box.data-v-02b3d9d8,
- .cropper-face.data-v-02b3d9d8 {
- position: absolute;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- -webkit-user-select: none;
- user-select: none;
- z-index: 998;
- }
- .uni-image.data-v-02b3d9d8 {
- width: 100%;
- height: 100%;
- }
- .cropper-box-canvas image.data-v-02b3d9d8 {
- position: relative;
- text-align: left;
- -webkit-user-select: none;
- user-select: none;
- -webkit-transform: none;
- transform: none;
- max-width: none;
- max-height: none;
- z-index: 998;
- }
- .cropper-box.data-v-02b3d9d8 {
- overflow: hidden;
- }
- .cropper-move.data-v-02b3d9d8 {
- cursor: move;
- }
- .cropper-crop.data-v-02b3d9d8 {
- cursor: crosshair;
- }
- .cropper-modal.data-v-02b3d9d8 {
- background: rgba(0, 0, 0, 0.5);
- }
- .pointer-events.data-v-02b3d9d8 {
- pointer-events:none;
- }
- .cropper-crop-box.data-v-02b3d9d8 {
- /*border: 2px solid #39f;*/
- }
- .cropper-view-box.data-v-02b3d9d8 {
- display: block;
- overflow: hidden;
- width: 100%;
- height: 100%;
- outline: 1px solid #39f;
- outline-color: rgba(51, 153, 255, 0.75);
- -webkit-user-select: none;
- user-select: none;
- }
- .cropper-view-box image.data-v-02b3d9d8 {
- -webkit-user-select: none;
- user-select: none;
- text-align: left;
- max-width: none;
- max-height: none;
- }
- .cropper-face.data-v-02b3d9d8 {
- top: 0;
- left: 0;
- background-color: #fff;
- opacity: 0.1;
- }
- .crop-line.data-v-02b3d9d8 {
- position: absolute;
- display: block;
- width: 100%;
- height: 100%;
- opacity: 0.1;
- z-index: 998;
- }
- .line-w.data-v-02b3d9d8 {
- top: -3px;
- left: 0;
- height: 5px;
- cursor: n-resize;
- }
- .line-a.data-v-02b3d9d8 {
- top: 0;
- left: -3px;
- width: 5px;
- cursor: w-resize;
- }
- .line-s.data-v-02b3d9d8 {
- bottom: -3px;
- left: 0;
- height: 5px;
- cursor: s-resize;
- }
- .line-d.data-v-02b3d9d8 {
- top: 0;
- right: -3px;
- width: 5px;
- cursor: e-resize;
- }
- .crop-point.data-v-02b3d9d8 {
- position: absolute;
- width: 8px;
- height: 8px;
- opacity: 0.75;
- background-color: #39f;
- border-radius: 100%;
- z-index: 998;
- }
- .point-lt.data-v-02b3d9d8 {
- top: -4px;
- left: -4px;
- cursor: nw-resize;
- }
- .point-mt.data-v-02b3d9d8 {
- top: -5px;
- left: 50%;
- margin-left: -3px;
- cursor: n-resize;
- }
- .point-rt.data-v-02b3d9d8 {
- top: -4px;
- right: -4px;
- cursor: ne-resize;
- }
- .point-ml.data-v-02b3d9d8 {
- top: 50%;
- left: -4px;
- margin-top: -3px;
- cursor: w-resize;
- }
- .point-mr.data-v-02b3d9d8 {
- top: 50%;
- right: -4px;
- margin-top: -3px;
- cursor: e-resize;
- }
- .point-lb.data-v-02b3d9d8 {
- bottom: -5px;
- left: -4px;
- cursor: sw-resize;
- }
- .point-mb.data-v-02b3d9d8 {
- bottom: -5px;
- left: 50%;
- margin-left: -3px;
- cursor: s-resize;
- }
- .point-rb.data-v-02b3d9d8 {
- bottom: -5px;
- right: -4px;
- cursor: se-resize;
- }
|