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

<includeonly>
<style>
.contribution-rank {
    margin: 20px 0;
    padding: 20px;
    background: #fafafa;
    border-radius: 12px;
    border: 1px solid #e0e0e0;
    max-width: 500px;
}
.contribution-rank h3 { margin-bottom: 15px; }
.rank-list { list-style: none; padding: 0; }
.rank-item {
    display: flex;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid #eee;
    gap: 10px;
}
.rank-num {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #e0e0e0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 14px;
    flex-shrink: 0;
}
.rank-num.gold { background: #FFD700; color: #fff; }
.rank-num.silver { background: #C0C0C0; color: #fff; }
.rank-num.bronze { background: #CD7F32; color: #fff; }
.rank-name { flex: 1; font-size: 14px; }
.rank-count { font-size: 13px; color: #888; }
.rank-loading { text-align: center; color: #999; padding: 15px; }
</style>

<div class="contribution-rank" id="contribution-rank">
    <h3>🏆 编辑贡献排行榜</h3>
    <div class="rank-loading" id="rank-loading">加载中...</div>
    <ul class="rank-list" id="rank-list" style="display:none;"></ul>
</div>
</includeonly>