2025-06-19 17:03:31 +08:00
|
|
|
<view class="captcha-container data-v-2ca77e4c" id="container"><view class="font-title data-v-2ca77e4c">请通过滑块验证</view><view class="captcha-image data-v-2ca77e4c" style="position:relative;width:100%;height:400rpx;overflow:hidden"><image src="{{a}}" class="bg-image data-v-2ca77e4c" mode="widthFix" bindload="{{b}}"/><view class="overlay data-v-2ca77e4c" style="{{'width:' + p + ';' + ('height:' + q)}}"><view class="hole data-v-2ca77e4c" style="{{'top:' + c + ';' + ('left:' + d) + ';' + ('width:' + e) + ';' + ('height:' + f) + ';' + ('clip-path:' + g) + ';' + ('transform:' + 'translate(-50%, -50%)') + ';' + ('background-color:' + 'rgba(0,0,0,0.6)')}}"></view><view class="piece data-v-2ca77e4c" style="{{'top:' + h + ';' + ('left:' + i) + ';' + ('width:' + j) + ';' + ('height:' + k) + ';' + ('background-image:' + l) + ';' + ('background-size:' + m) + ';' + ('background-position:' + n) + ';' + ('clip-path:' + o) + ';' + ('transform:' + 'translate(-50%, -50%)')}}"></view></view></view><view class="slider-bar data-v-2ca77e4c"><view class="slider-bar-font data-v-2ca77e4c">向右滑动滑块填充拼图</view><view class="slider-button data-v-2ca77e4c" ref="btn" bindtouchstart="{{r}}" bindtouchmove="{{s}}" bindtouchend="{{t}}" style="{{'left:' + v + ';' + ('max-width:' + w)}}"><image class="data-v-2ca77e4c" src="https://www.focusnu.com/media/directive/login/right.png" style="width:50rpx;height:50rpx" mode="widthFix"/></view></view></view>
|