查看“︁微件:ImageCleaner”︁的源代码

<includeonly>
<style>
.unused-scanner {
    margin: 15px 0;
    padding: 15px;
    background: #f9f9f9;
    border-radius: 12px;
    border: 1px solid #e0e0e0;
}
.unused-scanner button {
    padding: 8px 20px;
    background: #f44336;
    color: #fff;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-size: 14px;
    margin: 5px;
}
.unused-scanner button:hover { background: #d32f2f; }
.unused-scanner button:disabled { background: #ccc; cursor: not-allowed; }
.unused-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 0;
    border-bottom: 1px solid #eee;
}
.unused-item img {
    width: 40px;
    height: 40px;
    object-fit: contain;
    margin-right: 10px;
}
.unused-item .file-info {
    flex: 1;
    font-size: 13px;
}
.unused-item .del-btn {
    padding: 4px 12px;
    background: #f44336;
    color: #fff;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 12px;
}
.unused-item .del-btn:hover { background: #d32f2f; }
.unused-item .del-btn:disabled { background: #ccc; }
</style>

<div class="unused-scanner">
    <h3>🗑️ 未使用图片扫描器</h3>
    <p style="color:#888;font-size:13px;">扫描全站未被引用的图片，可一键删除</p>
    <button id="unused-scan-btn">开始扫描</button>
    <button id="unused-delete-all-btn" style="display:none;">全部删除</button>
    <div id="unused-result" style="margin-top:10px;"></div>
</div>
</includeonly>