zfc/guzhi
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 为加载图标添加旋转动画并优化评估中提示文案

Browse Source
This commit is contained in:
Wei_佳 2025-12-05 15:40:30 +08:00
parent 7819c60ace
commit 90c0f85972
1 changed files with 18 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
web1/src/views/pages/index.vue
View File

@ -905,13 +905,14 @@
</div>
<div v-if="!pageLoading && status == 'pending'" class="right" style="display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center">
<img
class="loading-icon"
style="width: 100px; height: 100px"
src="@/assets/images/loading.png"
alt=""
/>
<div style="font-size: 20px; margin-top: 20px">评估中…</div>
<div style="font-size: 20px; margin-top: 20px">评估中</div>
<div style="font-size: 14px; color: #999999; margin-top: 10px">
您的知识产权和非物质文化遗产的价值正在评估中，请耐心等候
您的知识产权和非物质文化遗产的价值正在评估中，预计30秒到1分钟，请耐心等候
</div>
</div>
</div>
@ -2053,3 +2054,18 @@ input[type='number']::-webkit-inner-spin-button {
margin: 0;
}
</style>
<style scoped>
@keyframes rotate {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.loading-icon {
animation: rotate 2s linear infinite;
}
</style>