nutui-taro-upgrade
Version:
@nutui/nutui-taro 对京东风格组件库的taro4 版本支持
1 lines • 1.6 kB
CSS
.nut-avatar-cropper{position:relative}.nut-avatar-cropper::after,.nut-avatar-cropper__edit-text{content:attr(data-edit-text);position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.3);z-index:1;color:#fff;display:flex;justify-content:center;align-items:center}.nut-avatar-cropper.taro::after{content:none}.nut-avatar-cropper__input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2}.nut-avatar-cropper.round::after,.nut-avatar-cropper.round .nut-avatar-cropper__edit-text{border-radius:50%}.nut-cropper-popup{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nut-overlay-bg-color, rgba(0, 0, 0, 0.7));z-index:1000}.nut-cropper-popup__canvas,.nut-cropper-popup__cut-canvas{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1}.nut-cropper-popup__cut-canvas{z-index:0}.nut-cropper-popup__toolbar{position:absolute;bottom:0;left:0;width:100%;z-index:2}.nut-cropper-popup__toolbar.top{top:0;bottom:inherit}.nut-cropper-popup__toolbar .flex-sb{width:100%;display:flex;justify-content:space-between}.nut-cropper-popup__toolbar-item{color:#fff;padding:15px;cursor:pointer;display:flex;align-items:center}.nut-cropper-popup__highlight{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;background-color:rgba(0,0,0,0)}.nut-cropper-popup__highlight .highlight{position:absolute;width:365px;height:365px;left:50%;top:50%;transform:translate(-50%, -50%);z-index:1;background-color:rgba(0,0,0,0);box-shadow:0 0 1000px 1000px rgba(0,0,0,.6)}.nut-cropper-popup__highlight .highlight__round{border-radius:50%}