@antmjs/vantui/es/image-cropper/index.css

一套适用于Taro3及React的vantui组件库

.van-cropper{position:fixed;left:0;top:0;width:100vw;height:100vh;background-color:#1f1e1e;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;z-index:100}.van-cropper .image{position:relative;z-index:1}.van-cropper .border-box{border:6px solid #ee0af6;position:absolute;top:0;left:0;box-sizing:border-box;z-index:110}.van-cropper .border-box .scale-btn{opacity:.6;position:absolute;right:0;bottom:0;z-index:120;font-size:24px;color:#fff;background-color:#ee0af6;padding:10px;-webkit-transform:rotate(270deg);transform:rotate(270deg)}.van-cropper .cropper-btns{z-index:110;position:fixed;bottom:24px;width:100vw;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;padding:20px 35px;box-sizing:border-box}.van-cropper .current-scale{color:#c1baba}.van-cropper .rotate-btns{z-index:120;position:fixed;bottom:164px;width:100vw;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;padding:20px 70px;box-sizing:border-box}.van-cropper .rotate-btns .van-icon{color:#ee0af6;font-size:34px;background-color:#101010;opacity:.8;border-radius:50%;width:70px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;height:70px}.van-cropper .rotate-btns .van-icon:nth-child(2){-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}