v3-h5-web/unpackage/dist/dev/mp-weixin/pages_basics/component/cropper.wxss

.nice-cropper {
  position: relative;
  width: 100%;
  height: 100%;
  background: #000;
  overflow: hidden;
}
.nice-cropper__image {
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
}
.nice-cropper__corner {
  width: 30rpx;
  height: 30rpx;
  position: absolute;
}
.nice-cropper__corner::after {
  position: absolute;
  left: -5px;
  right: -5px;
  bottom: -5px;
  top: -5px;
  content: '';
}
.nice-cropper__ctrls {
  position: absolute;
  box-shadow: inset 0 0 10rpx 0 rgba(0,0,0,.3);
}
.nice-cropper__ctrls--circle {
  border-radius: 50%;
}
.nice-cropper__ctrls--border {
  border: 2rpx solid #fff;
}
.nice-cropper__corner--lt {
  left: 0;
  top: 0;
  border-top: 4rpx solid #FFF;
  border-left: 4rpx solid #FFF;
}
.nice-cropper__corner--rt {
  right: 0;
  top: 0;
  border-top: 4rpx solid #FFF;
  border-right: 4rpx solid #FFF;
}
.nice-cropper__corner--rb {
  right: 0;
  bottom: 0;
  border-right: 4rpx solid #FFF;
  border-bottom: 4rpx solid #FFF;
}
.nice-cropper__corner--lb {
  left: 0;
  bottom: 0;
  border-left: 4rpx solid #FFF;
  border-bottom: 4rpx solid #FFF;
}