更新

assets/css/joe.global.min.scss

@@ -988,58 +988,71 @@
 				}
 			}
 		}
-		&.ranking {
+		&.today {
 			background: var(--background);
-			.item {
-				display: flex;
-				align-items: center;
-				line-height: 32px;
-				overflow: hidden;
-				&:nth-child(1) .sort {
-					color: #fe2d46;
-				}
-				&:nth-child(2) .sort {
-					color: #f60;
-				}
-				&:nth-child(3) .sort {
-					color: #faa90e;
-				}
-				.sort {
-					color: var(--minor);
-					font-weight: 700;
-					font-size: 18px;
-					width: 18px;
-					min-width: 18px;
-					max-width: 18px;
-				}
-				.link {
+			.joe_aside__item-contain {
+				.item {
 					position: relative;
-					color: var(--routine);
-					white-space: nowrap;
-					overflow: hidden;
-					text-overflow: ellipsis;
-					&::after {
+					.tail {
 						position: absolute;
-						content: '';
-						bottom: 0;
-						left: 0;
-						width: 0;
-						height: 1px;
-						background: var(--theme);
-						transition: width 0.5s;
+						left: 6px;
+						top: 0;
+						height: 100%;
+						border-left: 1px solid var(--classC);
 					}
-					&:hover {
-						color: var(--theme);
-						&::after {
-							width: 100%;
+					.head {
+						position: absolute;
+						width: 13px;
+						height: 13px;
+						border-radius: 50%;
+						background: var(--background);
+					}
+					.desc {
+						position: relative;
+						top: -2px;
+						padding-left: 24px;
+						padding-bottom: 15px;
+						time {
+							display: block;
+							font-weight: 600;
+							margin-bottom: 7px;
+						}
+						a {
+							display: block;
+							color: var(--routine);
+							white-space: nowrap;
+							overflow: hidden;
+							text-overflow: ellipsis;
+							transition: color 0.25s;
+							font-size: 13px;
+							&:hover {
+								color: var(--theme);
+							}
+						}
+					}
+					&:nth-child(even) {
+						.head {
+							border: 1px solid #f48b29;
+						}
+						.desc {
+							color: #f48b29;
+						}
+					}
+					&:nth-child(odd) {
+						.head {
+							border: 1px solid #f05454;
+						}
+						.desc {
+							color: #f05454;
+						}
+					}
+					&:last-child {
+						.desc {
+							padding-bottom: 0;
 						}
 					}
 				}
 			}
-			.error {
-				text-align: center;
-				color: var(--routine);
-			}
 		}
 		&.newreply {
 			background: var(--background);

assets/js/joe.global.js

@@ -154,35 +154,6 @@ document.addEventListener('DOMContentLoaded', () => {
 		}
 	}
 
-	/* 激活侧边栏排行榜功能 */
-	{
-		if ($('.joe_aside__item.ranking').length) {
-			$.ajax({
-				url: Joe.BASE_API,
-				type: 'POST',
-				dataType: 'json',
-				data: { routeType: 'aside_ranking' },
-				success(res) {
-					$('.joe_aside__item.ranking .joe_aside__item-title .text').html(res.title);
-					let htmlStr = '';
-					if (res.code === 1) {
-						res.data.forEach((item, index) => {
-							htmlStr += `
-									<li class="item">
-										<span class="sort">${index + 1}</span>
-										<a class="link" href="${item.url}" title="${item.title}" target="_blank" rel="noopener noreferrer nofollow">${item.title}</a>
-									</li>
-								`;
-						});
-					} else {
-						htmlStr += `<li class="error">数据抓取异常！</li>`;
-					}
-					$('.joe_aside__item.ranking .joe_aside__item-contain').html(htmlStr);
-				}
-			});
-		}
-	}
-
 	/* 3d云标签 */
 	{
 		if ($('.joe_aside__item.tags').length) {