2 lines
7.6 KiB
JavaScript
2 lines
7.6 KiB
JavaScript
import{r as e,j as t,o as a,c as l,w as s,a as n,b as o,d as u,k as i,l as r,s as c,i as v,g as d,m as g,v as h,e as p,f as m,I as w}from"./index-DBAIfIdy.js";import{_ as f}from"./nu.C7Ggybbs.js";import{_ as x,a as A}from"./old.DL_W-GvU.js";import{o as E}from"./uni-app.es.pRPQMweL.js";import{_ as F}from"./_plugin-vue_export-helper.BCo6x5W8.js";import{g as b}from"./loginApi.mnKMuPqy.js";import"./index.CA0mK-bX.js";const K=F({__name:"huakuai",emits:["success"],setup(g,{emit:h}){const p=h,m=100,w=e(null),f=e(null),x=e(400),A=e(600),F=e(0),b=e(0),K=e(0),G=e(!1),I=e(0);const y=`path('${z=m,`\n M20 0\n h${z/3-20}\n a20 20 0 0 1 0 40\n h${z/3}\n a20 20 0 0 0 0 -40\n h${z/3-20}\n v${z/3-20}\n a20 20 0 0 1 -40 0\n v${z/3}\n a20 20 0 0 0 40 0\n v${z/3-20}\n h-${z/3-20}\n a20 20 0 0 1 0 -40\n h-${z/3}\n a20 20 0 0 0 0 40\n h-${z/3-20}\n z\n `}')`;var z;function C(){r().in(w.value).select(".bg-image").boundingClientRect((e=>{e?(console.log("图片宽高：",e.width,e.height),x.value=2*e.width,A.value=2*e.height,F.value=Math.random()*(x.value-200)+m,F.value<100&&(F.value=100),b.value=A.value/2,K.value=0,console.log("originX:",F.value,"originY:",b.value)):console.error("无法获取.bg-image尺寸")})).exec()}function k(e){G.value=!0,I.value=e.touches?2*e.touches[0].clientX:2*e.clientX,window.addEventListener("mousemove",L),window.addEventListener("mouseup",Q),window.addEventListener("touchmove",L),window.addEventListener("touchend",Q)}function L(e){if(!G.value)return;let t=(e.touches?2*e.touches[0].clientX:2*e.clientX)-I.value;t=Math.max(0,Math.min(t,x.value-m)),K.value=t}function Q(){G.value=!1,window.removeEventListener("mousemove",L),window.removeEventListener("mouseup",Q),window.removeEventListener("touchmove",L),window.removeEventListener("touchend",Q),Math.abs(K.value-F.value)<20?(c({title:"验证成功",icon:"none",duration:2e3}),p("success")):(K.value=0,c({title:"验证失败",icon:"none",duration:2e3}))}e(null);const j=e("");return E((()=>{let e=Math.floor(4*Math.random());const t=["/wechat/thd/assets/0-BhKRdqO-.png","/wechat/thd/assets/1-CgyqSGMe.png","/wechat/thd/assets/2-D7X-ZbTx.png","/wechat/thd/assets/3-CQDilGtL.png"];j.value=t[e]})),t((()=>{window.removeEventListener("mousemove",L),window.removeEventListener("mouseup",Q),window.removeEventListener("touchmove",L),window.removeEventListener("touchend",Q)})),(e,t)=>{const r=v,c=d;return a(),l(r,{class:"captcha-container",ref_key:"container",ref:w},{default:s((()=>[n(r,{class:"font-title"},{default:s((()=>[o("请通过滑块验证")])),_:1}),n(r,{class:"captcha-image",style:{position:"relative",width:"100%",height:"400rpx",overflow:"hidden"}},{default:s((()=>[n(c,{src:j.value,class:"bg-image",mode:"widthFix",onLoad:C},null,8,["src"]),n(r,{class:"overlay",style:u({width:x.value+"rpx",height:A.value+"rpx"})},{default:s((()=>[n(r,{class:"hole",style:u({top:b.value+"rpx",left:F.value+50+"rpx",width:"100rpx",height:"100rpx",clipPath:y,transform:"translate(-50%, -50%)",backgroundColor:"rgba(0,0,0,0.6)"})},null,8,["style"]),n(r,{class:"piece",style:u({top:b.value+"rpx",left:K.value+50+"rpx",width:"100rpx",height:"100rpx",backgroundImage:`url(${j.value})`,backgroundSize:x.value+"rpx "+A.value+"rpx",backgroundPosition:`-${F.value+10}rpx -${b.value-20}rpx`,clipPath:y,transform:"translate(-50%, -50%)"})},null,8,["style"])])),_:1},8,["style"])])),_:1}),n(r,{class:"slider-bar"},{default:s((()=>[n(r,{class:"slider-bar-font"},{default:s((()=>[o(" 向右滑动滑块填充拼图 ")])),_:1}),n(r,{class:"slider-button",ref_key:"btn",ref:f,onTouchstart:i(k,["prevent"]),onMousedown:i(k,["prevent"]),style:u({left:K.value+"rpx",maxWidth:x.value-m+"rpx"})},{default:s((()=>[n(c,{src:"data:image/png;base64,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",style:{width:"50rpx",height:"50rpx"},mode:"widthFix"})])),_:1},8,["style"])])),_:1})])),_:1},512)}}},[["__scopeId","data-v-60791d4c"]]),G=F({__name:"phonebumber",setup(t){const u=e(!1),r=()=>{u.value=!0},E=()=>{u.value=!1,b({mobile:F.value}).then((e=>{e.success?m({url:`/pages/login/code?mobile=${F.value}&hkcode=${e.message}`}):c({title:e.message,icon:"none",duration:2e3})}))};const F=e(""),G=e(!1),I=e=>{var t;console.log("????",e.detail.value),t=e.detail.value,/^\d{11}$/.test(t.toString())?(F.value=e.detail.value,G.value=!0):G.value=!1};return(e,t)=>{const c=d,m=v,F=w;return a(),l(m,{class:"login-container"},{default:s((()=>[n(m,{class:"title"},{default:s((()=>[n(c,{class:"title-imge",src:f}),n(m,{class:"title-font"},{default:s((()=>[n(m,{class:""},{default:s((()=>[o("您好，")])),_:1}),n(m,{class:""},{default:s((()=>[o("欢迎使用护理单元~")])),_:1})])),_:1})])),_:1}),n(c,{class:"photo-imge",src:x}),n(c,{class:"old-imge",src:A}),n(m,{class:"under-container"},{default:s((()=>[n(m,{class:"under-container-title"},{default:s((()=>[n(m,{class:"under-container-input"},{default:s((()=>[n(m,{class:"input-left"},{default:s((()=>[o("+86")])),_:1}),n(F,{type:"number",style:{width:"600rpx","font-size":"33rpx"},maxlength:"11",placeholder:"请输入绑定手机号",onInput:I})])),_:1})])),_:1}),g(n(m,{class:"button-blue",onClick:r},{default:s((()=>[o(" 获得验证码 ")])),_:1},512),[[h,G.value]]),g(n(m,{class:"button-gray"},{default:s((()=>[o(" 获得验证码 ")])),_:1},512),[[h,!G.value]])])),_:1}),u.value?(a(),l(m,{key:0,class:"bg-mask",onClick:t[1]||(t[1]=e=>u.value=!1)},{default:s((()=>[n(K,{onClick:t[0]||(t[0]=i((()=>{}),["stop"])),onSuccess:E})])),_:1})):p("",!0)])),_:1})}}},[["__scopeId","data-v-0844c443"]]);export{G as default};
|