verifyPoint.wxml 1.5 KB

1
  1. <view style="position:relative;" class="data-v-77c52606"><view hidden="{{!(showImage)}}" class="verify-image-out data-v-77c52606"><view class="verify-image-panel data-v-77c52606" style="{{'width:'+(imgSize.width)+';'+('height:'+(imgSize.height)+';')+('margin-bottom:'+(vSpace+'px')+';')}}"><view data-event-opts="{{[['tap',[['refresh',['$event']]]]]}}" hidden="{{!(showRefresh)}}" class="verify-refresh data-v-77c52606" style="z-index:3;" bindtap="__e"><text class="iconfont icon-refresh data-v-77c52606"></text></view><image style="width:100%;height:100%;display:block;" src="{{pointBackImgBase?'data:image/png;base64,'+pointBackImgBase:defaultImg}}" id="image" data-ref="canvas" data-event-opts="{{[['tap',[['e0',['$event']]]]]}}" bindtap="__e" class="data-v-77c52606 vue-ref"></image><block wx:for="{{$root.l0}}" wx:for-item="tempPoint" wx:for-index="index" wx:key="index"><view class="point-area data-v-77c52606" style="{{'background-color:'+('#1abd6c')+';'+('color:'+('#fff')+';')+('z-index:'+(9999)+';')+('width:'+('20px')+';')+('height:'+('20px')+';')+('text-align:'+('center')+';')+('line-height:'+('20px')+';')+('border-radius:'+('50%')+';')+('position:'+('absolute')+';')+('top:'+(tempPoint.m0+'px')+';')+('left:'+(tempPoint.m1+'px')+';')}}">{{''+(index+1)+''}}</view></block></view></view><view class="verify-bar-area data-v-77c52606" style="{{'width:'+(imgSize.width)+';'+('color:'+(barAreaColor)+';')+('border-color:'+(barAreaBorderColor)+';')+('line-height:'+('40px')+';')}}"><text class="verify-msg data-v-77c52606">{{text}}</text></view></view>