refactor(UI): 移除卡片图片并添加骨架屏动画
移除多个页面中的默认卡片图片以简化UI 在评分图表区域添加骨架屏加载动画,提升用户体验
This commit is contained in:
2
app.php
2
app.php
@@ -212,6 +212,7 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_POST['rating'])) {
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<h2>评分分布</h2>
|
||||
<div id="ratingChartSkeleton" class="skeleton-chart"></div>
|
||||
<canvas id="ratingChart" width="400" height="200"></canvas>
|
||||
<script>
|
||||
const ctx = document.getElementById('ratingChart').getContext('2d');
|
||||
@@ -297,6 +298,7 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_POST['rating'])) {
|
||||
}
|
||||
}
|
||||
});
|
||||
document.getElementById('ratingChartSkeleton').style.display = 'none';
|
||||
</script>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
|
||||
Reference in New Issue
Block a user