liveh5-nuxt/app/pages/payment/result/index.vue

<script setup>
import {orderQuery} from "~/api/goods/index.js";
definePageMeta({
  i18n: 'payment.text1',
})
const {t}=useI18n();
const route = useRoute();
const resData=ref({})
const res=await orderQuery({
  orderNo:route.query.orderNo
})
if (res.status===0){
  resData.value=res.data
}
const statusLabel={
  1:t('payment.text2'),
  2:t('payment.text3'),
  3:t('payment.text4'),
  4:t('payment.text5'),
}
</script>

<template>
  <div class="w-[100vw] bg-[url('@/static/images/3532@2x.png')] bg-cover pt-43px flex-grow-1 flex flex-col">
    <div class="flex flex-col items-center mt-150px">
      <img class="w-119px h-120px mb-36px" src="@/static/images/5554@2x1.png" alt="">
      <div class="text-#000 text-16px mb-25px">{{statusLabel[resData.status]}}!</div>
      <div class="text-#999 text-16px">{{resData.currency}}{{resData.money}}</div>
    </div>
</div>
</template>

<style scoped>

</style>