38 lines
1.7 KiB
HTML
38 lines
1.7 KiB
HTML
<div class="slider-captcha" id="{{ captcha_id }}">
|
|
<div class="slider-captcha-header">
|
|
<span class="slider-captcha-title">请完成安全验证</span>
|
|
<button class="slider-captcha-refresh" type="button" title="刷新验证码">
|
|
<svg viewBox="0 0 24 24" width="16" height="16" fill="currentColor">
|
|
<path d="M17.65 6.35A7.958 7.958 0 0012 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08A5.99 5.99 0 0112 18c-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z"/>
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
|
|
<div class="slider-captcha-body">
|
|
<div class="slider-captcha-image-container">
|
|
<canvas class="slider-captcha-canvas" width="300" height="150"></canvas>
|
|
<div class="slider-captcha-slider-piece"></div>
|
|
<div class="slider-captcha-loading">
|
|
<div class="slider-captcha-spinner"></div>
|
|
<span>加载中...</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="slider-captcha-track-container">
|
|
<div class="slider-captcha-track">
|
|
<div class="slider-captcha-track-text">向右拖动滑块完成验证</div>
|
|
<div class="slider-captcha-track-fill"></div>
|
|
</div>
|
|
<div class="slider-captcha-slider-btn" role="slider" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0" tabindex="0">
|
|
<svg viewBox="0 0 24 24" width="20" height="20" fill="currentColor">
|
|
<path d="M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z"/>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="slider-captcha-footer">
|
|
<div class="slider-captcha-status"></div>
|
|
</div>
|
|
</div>
|