LeonMMcoset/leonapp
1
1
Fork 0
Code Issues 5 Pull Requests Actions Packages Projects 1 Releases 1 Wiki Activity

refactor(UI): 移除卡片图片并添加骨架屏动画

Browse Source 
移除多个页面中的默认卡片图片以简化UI
在评分图表区域添加骨架屏加载动画，提升用户体验
This commit is contained in:
Leonmmcoset
2025-07-07 19:29:09 +08:00
parent 04c14f9648
commit 5ff5b53ed4
5 changed files with 33 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
index.php
View File

@@ -173,7 +173,7 @@ if (!isset($conn) || !$conn instanceof mysqli) {
while ($row = $recommendResult->fetch_assoc()) {
echo '<div class="col-md-3 mb-4">';
echo '<div class="card blur-bg">';
echo '<img src="images/default.png" class="card-img-top" alt="'. htmlspecialchars($row['name']) . '">';
echo '<div class="card-body">';
echo '<h5 class="card-title">'. htmlspecialchars($row['name']) . '</h5>';
echo '<p class="card-text">'. substr(htmlspecialchars($row['description']), 0, 100) . '...</p>';
@@ -280,7 +280,7 @@ if (!isset($conn) || !$conn instanceof mysqli) {
while ($row = $result->fetch_assoc()) {
echo '<div class="col-md-3 mb-4">';
echo '<div class="card blur-bg">';
echo '<img src="images/default.png" class="card-img-top" alt="'. $row['name'] . '">';
echo '<div class="card-body">';
echo '<h5 class="card-title">'. $row['name'] . '</h5>';
echo '<p class="card-text">'. substr($row['description'], 0, 100) . '...</p>';