|
1 |
- <view class="container data-v-b6fe683a"><view class="image-box data-v-b6fe683a" style="{{'background-image:'+('url('+src+')')+';'+('background-size:'+(imageBoxWidth+'rpx'+' '+imageBoxHeight+'rpx')+';')+('width:'+(imageBoxWidth+'rpx')+';')+('height:'+(imageBoxHeight+'rpx')+';')+('border-radius:'+(cropShape=='rect'?'':'')+';')}}"><view class="mask data-v-b6fe683a"></view><view data-event-opts="{{[['touchstart',[['touchstart',['$event']]]],['touchmove',[['touchmove',['$event']]]],['touchend',[['touchend',['$event']]]]]}}" class="cropping-box data-v-b6fe683a" style="{{'top:'+(cropBoxY+'rpx')+';'+('left:'+(cropBoxX+'rpx')+';')+('width:'+(cropBoxWidth+'rpx')+';')+('height:'+(cropBoxHeight+'rpx')+';')+('background-image:'+('url('+src+')')+';')+('background-size:'+(imageBoxWidth+'rpx'+' '+imageBoxHeight+'rpx')+';')+('background-position-x:'+(-cropBoxX-4+'rpx')+';')+('background-position-y:'+(-cropBoxY-4+'rpx')+';')+('border-radius:'+(cropShape=='rect'?'':'50%')+';')}}" catchtouchstart="__e" catchtouchmove="__e" catchtouchend="__e"></view></view><view class="operation-area data-v-b6fe683a"><view class="crop-area data-v-b6fe683a"><u--image vue-id="28cd9cfa-1" src="{{cropImgPath}}" mode="widthFix" customStyle="{{({border:'2px solid #F3D4A3'})}}" shape="circle" width="100px" height="100px" data-event-opts="{{[['^click',[['onPre']]]]}}" bind:click="__e" class="data-v-b6fe683a" bind:__l="__l"></u--image></view><view class="action data-v-b6fe683a"><view class="btn full data-v-b6fe683a" shape="circle" hover-class="none" data-event-opts="{{[['tap',[['cropping',[true]]]]]}}" bindtap="__e">继续</view></view></view></view>
|
