前端修改 loading显示

This commit is contained in:
xiaobao
2026-01-28 16:47:32 +08:00
parent ac1d604b3d
commit e3fb970fa3
2 changed files with 43 additions and 2 deletions

View File

@@ -1316,6 +1316,42 @@
}
}
.loading-dots {
display: flex;
justify-content: flex-start;
align-items: center;
font-size: 20px;
}
.dot {
width: 8px;
height: 8px;
margin: 0 5px;
border-radius: 50%;
background-color: #ccc;
animation: dot-blink 1s infinite alternate;
}
.dot:nth-child(1) {
animation-delay: 0s;
}
.dot:nth-child(2) {
animation-delay: 0.5s;
}
@keyframes dot-blink {
0% {
background-color: #ccc;
}
50% {
background-color: #333; /* 高亮颜色 */
}
100% {
background-color: #ccc;
}
}
</style>
</head>
@@ -2491,7 +2527,12 @@ const getAiResponse = async (img) => {
// =========================
const loadingDiv = document.createElement("div");
loadingDiv.className = "thinking-loading";
loadingDiv.textContent = "深度思考中";
let thinkinghtml=`<div class="loading-dots">
<span class="dot"></span>
<span class="dot"></span>
</div>`
loadingDiv.innerHTML = thinkinghtml;
debugger;
msgDiv.appendChild(loadingDiv);
// =========================

View File

@@ -654,7 +654,7 @@
</div>
<script>
// 开启 vConsole 调试面板
var vConsole = new VConsole();
// var vConsole = new VConsole();
// wx364b8ebf17fe45fe wx0eeb7556d60121db
// console.log("✅ vConsole 已经启动");
const params = new URLSearchParams(window.location.search);