feat(about): 优化统计区域响应式布局和样式

- 调整PC端统计区域媒体查询断点,新增1025px至1445px区间布局
- 在不同屏幕宽度下优化统计区域网格布局和间距
- 为移动端统计数值添加neon-font样式类
- 移除统计数值元素的display:none内联样式
- 新增站点验证文件vercount-verify-v7lbufygdkzfqs35z6ih6l1q.txt
This commit is contained in:
hehh
2025-11-25 17:07:01 +08:00
parent 7776df1268
commit 1afd55f99b
3 changed files with 25 additions and 3 deletions

View File

@@ -0,0 +1 @@
vercount-domain-verify=www.hehouhui.cn,v7lbufygdkzfqs35z6ih6l1q

View File

@@ -151,11 +151,11 @@
<span class="stat-key" data-i18n="stats.followers">Followers</span>
</div>
<div class="stat-item">
<span id="busuanzi_value_site_pv" style='display:none'>0</span>
<span class="stat-val neon-font" id="busuanzi_value_site_pv">0</span>
<span class="stat-key" data-i18n="stats.visitNum">Visit num</span>
</div>
<div class="stat-item">
<span id="busuanzi_value_site_uv" style='display:none'>0</span>
<span class="stat-val neon-font" id="busuanzi_value_site_uv">0</span>
<span class="stat-key" data-i18n="stats.visitors">Visitors</span>
</div>
</div>

View File

@@ -1821,7 +1821,7 @@ body {
}
/* PC端统计区域响应式布局 */
@media (min-width: 1025px) {
@media (min-width: 1446px) {
.area-stats {
grid-template-columns: repeat(5, 1fr);
gap: 8px;
@@ -1848,6 +1848,27 @@ body {
}
}
/* PC端统计区域响应式布局 */
@media (min-width: 1025px) and (max-width: 1445px) {
.area-stats {
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(2, 1fr);
gap: 12px;
}
[data-lang="en"] .stat-key {
font-size: 6px !important;
}
}
@media (min-width: 1201px) {
.area-stats {
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(2, 1fr);
gap: 12px;
}
}
/* 移动端统计区域布局 */
@media (max-width: 768px) {
.area-stats {