<script setup>
import {useAuth} from "@/store/auth/index.js"
const {clickSendCode,telNum,code,showTextCode ,clickLogin }= useAuth()
</script>

<template>
<div class="box-border relative w-screen h-screen bg-center bg-no-repeat bg-cover bg-[url('@/assets/image/za3343@2x.png')] flex items-center flex-col">
  <div class="flex items-center flex-col absolute transform translate-y-[-50%] top-[50%] right-[164px] ">
    <div class="">
      <img class="w-[280px] h-[46px] mb-[60px]" src="@/assets/image/zu3310@2x.png" alt="">
    </div>
    <div class="bg-[url('@/assets/image/z3321@2x.png')] flex flex-col items-center w-[625px] h-[727px] bg-center bg-no-repeat bg-cover pt-[91px] pr-[45px] pl-[41px]">
      <div class="flex items-center">
        <div class="text-primary text-[19px] font-bold w-[88px]">手机号</div>
        <div>
          <input v-model="telNum" v-no-space class="pl-[16px] w-[455px] h-[45px] focus:outline-none placeholder:text-primary placeholder:text-[19px] focus: bg-[#DCE5E9]   border-none" placeholder="请输入手机号" type="text">
        </div>
      </div>
      <div class="flex items-center mt-[45px]">
        <div class="text-primary text-[19px] font-bold w-[88px]">验证码</div>
        <div class="flex items-center justify-between w-[454px] grow-1">
          <input v-model="code" v-no-space class="pl-[16px] w-[281px]  h-[45px] focus:outline-none placeholder:text-primary placeholder:text-[19px]  focus: bg-[#DCE5E9]   border-none" placeholder="请输入验证码" type="text">
          <div class="w-[160px] h-[45px] bg-primary text-#fff flex items-center justify-center shrink-0" @click="clickSendCode">{{ showTextCode }}</div>
        </div>
      </div>
      <div class="bg-[url('@/assets/image/z3255@2x.png')] w-[320px] h-[52px] bg-center bg-no-repeat bg-contain flex items-center justify-center text-#fff text-[21px] mt-[97px]" @click="clickLogin">登录/注册</div>
    </div>
    <div class="mt-[155px]">
      <img class="w-[331px] h-[38px]" src="@/assets/image/zu733@2x.png" alt="">
    </div>
  </div>

</div>
</template>

<style scoped lang="scss">

</style>
