liveh5-nuxt/app/pages/collectCode/signature/result/index.vue

<script setup>
import {sessionUserNoCreate} from "~/api-collect-code/goods/index.js";
import {codeAuthStore} from "~/stores-collect-code/auth/index.js";
const {formData,number}=codeAuthStore()
const auctionUserNo=ref('')
definePageMeta({
  title:'领取号牌'
})
const res=await sessionUserNoCreate({
  phone:formData.value.phone
})
if (res.status===0){
  auctionUserNo.value=res.data.auctionUserNo
}
</script>

<template>
  <div class="w-[100vw] h-screen-nav bg-[url('@/static/images/3532@2x.png')] bg-cover flex-grow-1 flex flex-col items-center pt-183px px-30px">
    <div class="flex flex-col items-center pt-18px px-31px">
      <div class="text-#000 text-16px mb-4px">签署成功</div>
      <div class="text-#939393 text-12px mb-31px">●&nbsp&nbsp&nbsp领取您的专属号牌&nbsp&nbsp&nbsp●</div>
      <div class="relative">
        <img class="w-258px h-144px" src="@/static/images/zu6020@2x.png" alt="">
        <div class="absolute text-#FDD68D text-68px bottom-1px left-1/2 transform translate-x--1/2">{{auctionUserNo}}</div>
      </div>
    </div>
</div>
</template>

<style scoped>

</style>