41 lines
1.3 KiB
Vue
41 lines
1.3 KiB
Vue
<template>
|
||
<div class="card flex flex-col items-center justify-center text-center">
|
||
<!-- 图片插画 -->
|
||
<img src="@/assets/images/empty.svg" alt="空状态" class="w-64 h-64" />
|
||
|
||
<!-- 提示文字 -->
|
||
<h2 class="text-xl font-semibold text-gray-700 mb-2">
|
||
没有查询到相关结果
|
||
</h2>
|
||
<p class="text-gray-500 text-sm mb-2 leading-relaxed">
|
||
订单已申请退款，预计
|
||
<span class="font-medium" style="color: var(--van-theme-primary);">24小时内到账</span>。
|
||
</p>
|
||
<p class="text-gray-400 text-xs">
|
||
如果已到账，您可以忽略本提示。
|
||
</p>
|
||
|
||
<!-- 返回按钮 -->
|
||
<button @click="goBack"
|
||
class="mt-4 px-6 py-2 text-white rounded-lg transition duration-300 ease-in-out"
|
||
style="background-color: var(--van-theme-primary);"
|
||
onmouseover="this.style.backgroundColor='var(--van-theme-primary-dark)'"
|
||
onmouseout="this.style.backgroundColor='var(--van-theme-primary)'">
|
||
返回上一页
|
||
</button>
|
||
</div>
|
||
</template>
|
||
|
||
<script setup>
|
||
const route = useRoute();
|
||
|
||
|
||
// 返回上一页逻辑
|
||
function goBack() {
|
||
route.goBack()
|
||
}
|
||
</script>
|
||
|
||
<style scoped>
|
||
/* 你可以添加一些额外的样式（如果需要） */
|
||
</style> |