Update index.html

This commit is contained in:
公明 2025-04-24 11:10:13 +08:00 committed by GitHub
parent 4e4888991f
commit d779c99462
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -192,7 +192,6 @@
display: flex; display: flex;
align-items: center; align-items: center;
} }
.foldable-row .result-url { .foldable-row .result-url {
text-align: left; text-align: left;
font-weight: bold; font-weight: bold;
@ -201,6 +200,14 @@
margin-right: 15px; margin-right: 15px;
flex-grow: 1; flex-grow: 1;
} }
.foldable-row .fa-chevron-down{
text-align: right;
/* font-weight: bold; */
/* word-wrap: break-word; */
/* max-width: 550px; */
margin-right: 10px;
/* flex-grow: 1; */
}
.foldable-row .result-status { .foldable-row .result-status {
padding: 4px 10px; padding: 4px 10px;
@ -210,22 +217,32 @@
} }
.status-vulnerable { .status-vulnerable {
margin-left: 100px;
background-color: #ffebee; background-color: #ffebee;
color: #e53935; color: #e53935;
} }
.status-safe { .status-safe {
margin-left: 100px;
background-color: #e8f5e9; background-color: #e8f5e9;
color: #388e3c; color: #388e3c;
} }
.status-unknown { .status-unknown {
margin-left: 100px;
background-color: #fff8e1; background-color: #fff8e1;
color: #ffa000; color: #ffa000;
} }
.foldable-row .result-confidence { .foldable-row .result-confidence {
margin-left: 10px; margin-left: 50px;
font-size: 0.9rem;
color: #666;
}
.foldable-row .result-timestamp {
margin-right: 50px;
font-size: 0.9rem; font-size: 0.9rem;
color: #666; color: #666;
} }
@ -345,11 +362,6 @@
</div> </div>
<table class="data-table"> <table class="data-table">
<thead>
<tr>
<th colspan="2">扫描结果</th>
</tr>
</thead>
<tbody id="data-body"> <tbody id="data-body">
<!-- 表格数据将通过 JavaScript 动态添加 --> <!-- 表格数据将通过 JavaScript 动态添加 -->
</tbody> </tbody>
@ -424,7 +436,7 @@
if (currentData.length === 0) { if (currentData.length === 0) {
const emptyRow = document.createElement('tr'); const emptyRow = document.createElement('tr');
emptyRow.innerHTML = ` emptyRow.innerHTML = `
<td colspan="2" class="empty-state"> <td colspan="3" class="empty-state">
<i class="fas fa-search"></i> <i class="fas fa-search"></i>
<p>没有找到符合条件的数据</p> <p>没有找到符合条件的数据</p>
</td> </td>
@ -454,6 +466,10 @@
<td> <td>
<div class="result-summary"> <div class="result-summary">
<span class="result-url">${item.url.split('?')[0]}</span> <span class="result-url">${item.url.split('?')[0]}</span>
</div>
</td>
<td>
<div class="result-summary">
<span class="result-status status-${item.result === 'true' ? 'vulnerable' : item.result === 'unknown' ? 'unknown' : 'safe'}"> <span class="result-status status-${item.result === 'true' ? 'vulnerable' : item.result === 'unknown' ? 'unknown' : 'safe'}">
${item.result === 'true' ? '漏洞' : item.result === 'unknown' ? '未知' : '安全'} ${item.result === 'true' ? '漏洞' : item.result === 'unknown' ? '未知' : '安全'}
</span> </span>
@ -461,7 +477,10 @@
</div> </div>
</td> </td>
<td> <td>
<div class="fa-chevron-down">
<span class="result-timestamp">${item.timestamp}</span>
<i class="fas fa-chevron-down"></i> <i class="fas fa-chevron-down"></i>
</div>
</td> </td>
`; `;
tableBody.appendChild(foldableRow); tableBody.appendChild(foldableRow);
@ -469,7 +488,7 @@
const detailsRow = document.createElement('tr'); const detailsRow = document.createElement('tr');
detailsRow.className = 'details-row'; detailsRow.className = 'details-row';
detailsRow.innerHTML = ` detailsRow.innerHTML = `
<td colspan="2"> <td colspan="3">
<table> <table>
<tr> <tr>
<td>Method:</td> <td>Method:</td>