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