<view class="{{ jigsawCaptchaClass }} yidun-captcha--jigsaw {{ 'yidun-captcha--' + theme }} {{ verifyStatus && verifyStatus !== VERIFY_STATUS.DOING ? 'yidun-captcha--' + verifyStatus : '' }}"><view class="yidun-captcha__panel" style="{{ 'padding-bottom:' + customStyles.gap }}"><view class="yidun-captcha__placeholder"><view class="yidun-captcha__bgimg" style="{{ 'border-radius:' + customStyles.imagePanel.borderRadius }}"><captcha-img imageClass="yidun-bgimg__img" onLoad="handleBgImgLoaded" onError="handleImgLoadError" onTryError="handleImgTryError" context="{{context}}" urls="{{loadInfo.data.bg}}"/><captcha-img imageClass="yidun-bgimg__jigsaw" urls="{{loadInfo.data.front}}" context="{{context}}" onLoad="handleJigsawImgLoaded" onError="handleImgLoadError" onTryError="handleImgTryError" autoWidth="true" imgStyle="{{ 'left: ' + jigsawImg.left + 'px;' }}"/></view></view></view><view class="yidun-captcha__control {{ drag.status === 'dragging' || verifyStatus === VERIFY_STATUS.DOING ? 'yidun-captcha__control--moving' : '' }}" style="{{ 'height: ' + customStyles.controlBar.height + ';border-radius: ' + customStyles.controlBar.borderRadius }}"><view class="yidun-slider__indicator" style="{{ 'width: ' + (drag.left + slider.width) + 'px;height: ' + customStyles.controlBar.height + ';border-radius: ' + customStyles.controlBar.borderRadius }}"/><view hover-class="yidun-slider--hover" class="yidun-slider query-slider-{{ uuid }}" catchTouchStart="readyToDrag" catchTouchMove="dragmove" catchTouchEnd="endDrag" catchTouchCancel="endDrag" style="{{ 'left:' + drag.left + 'px;width: ' + customStyles.controlBar.height + ';border-radius: ' +  customStyles.controlBar.borderRadius }}"><view class="yidun-slider__icon {{slider.icon ? 'yidun-slider__icon--custom' : ''}}" style="{{ slider.icon ? 'background-image: url(' + slider.icon + ')' : '' }}"/></view><slot/></view></view>