2 lines
2.0 KiB
JavaScript
2 lines
2.0 KiB
JavaScript
import{r as a,c as e,w as l,i as s,o as t,a as o,b as c,t as u,h as n,j as d,F as r,g as p,k as i,I as f}from"./index-BwwWwpov.js";import{_,a as m,b as h}from"./old.CKixGO1Z.js";import{o as v}from"./uni-app.es.CdisLe7k.js";import{_ as g}from"./_plugin-vue_export-helper.BCo6x5W8.js";const b=g({__name:"code",setup(g){const b=a(""),j=a(["","","",""]),y=a(0),x=()=>{const a=j.value.join("");4===a.length?console.log("提交验证码：",a):console.log("验证码未输入完整")};return v((a=>{b.value=a.phonenumber})),(a,v)=>{const g=p,k=s,w=f;return t(),e(k,{class:"login-container"},{default:l((()=>[o(k,{class:"title"},{default:l((()=>[o(g,{class:"title-imge",src:_}),o(k,{class:"title-font"},{default:l((()=>[o(k,{class:""},{default:l((()=>[c("您好，")])),_:1}),o(k,{class:""},{default:l((()=>[c("欢迎使用nu护理单元~")])),_:1})])),_:1})])),_:1}),o(g,{class:"photo-imge",src:m}),o(g,{class:"old-imge",src:h}),o(k,{class:"under-container"},{default:l((()=>[o(k,{class:"under-container-title"},{default:l((()=>[o(k,{class:"code-title"},{default:l((()=>[c(" 请输入验证码 ")])),_:1}),o(k,{class:"code-number"},{default:l((()=>[c(" 验证码已发送至"+u(b.value),1)])),_:1})])),_:1}),o(k,{class:"captcha-container"},{default:l((()=>[o(k,{class:"captcha-box"},{default:l((()=>[(t(!0),n(r,null,d(j.value,((a,s)=>(t(),e(k,{key:s,class:"captcha-item"},{default:l((()=>[o(w,{modelValue:j.value[s],"onUpdate:modelValue":a=>j.value[s]=a,class:"captcha-input",type:"number",maxlength:"1",placeholder:s<3?"":" ",onInput:a=>(a=>{j.value[a]&&a<3&&(y.value=a+1);let e=!0;j.value.forEach((a=>{a||(e=!1)})),i((()=>{e&&x()}))})(s),onKeydown:a=>((a,e)=>{"Backspace"!==e.key||j.value[a]||a>0&&(y.value=a-1)})(s,a),focus:y.value===s},null,8,["modelValue","onUpdate:modelValue","placeholder","onInput","onKeydown","focus"])])),_:2},1024)))),128))])),_:1})])),_:1}),o(k,{style:{width:"100%"}},{default:l((()=>[o(k,{class:"right-blue"},{default:l((()=>[c(" 重新发送 ")])),_:1})])),_:1})])),_:1})])),_:1})}}},[["__scopeId","data-v-b906b8c8"]]);export{b as default};
|