前端修改 loading显示
This commit is contained in:
43
index.html
43
index.html
@@ -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);
|
||||
|
||||
// =========================
|
||||
|
||||
@@ -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);
|
||||
|
||||
Reference in New Issue
Block a user