rogee/database_render
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 调整分页信息样式，修改间距并优化代码结构

Browse Source
This commit is contained in:
rogee
2025-08-06 19:05:34 +08:00
parent 56fe2abbc4
commit f1c9baf8d4
2 changed files with 16 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
web/static/css/components/content.css
View File

@@ -321,10 +321,8 @@
.pagination-info {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
gap: 8px;
font-size: 14px;
padding: 12px 16px;
}
.pagination-text {

29
web/templates/list.html
View File

@@ -199,23 +199,24 @@
<button class="export-option" role="menuitem" onclick="exportData('excel')">导出 Excel</button>
</div>
</div>
<!-- 分页信息 -->
<div class="pagination-info">
<span class="pagination-text">
显示 {{.StartRecord}} - {{.EndRecord}} / {{.Total}} 条记录
</span>
<select class="per-page-select"
onchange="changePerPage(this.value)"
aria-label="每页显示条数">
<option value="10" {{if eq .PerPage 10}}selected{{end}}>10 条/页</option>
<option value="25" {{if eq .PerPage 25}}selected{{end}}>25 条/页</option>
<option value="50" {{if eq .PerPage 50}}selected{{end}}>50 条/页</option>
<option value="100" {{if eq .PerPage 100}}selected{{end}}>100 条/页</option>
</select>
</div>
</div>
</div>
<!-- 分页信息 -->
<div class="pagination-info">
<span class="pagination-text">
显示 {{.StartRecord}} - {{.EndRecord}} / {{.Total}} 条记录
</span>
<select class="per-page-select"
onchange="changePerPage(this.value)"
aria-label="每页显示条数">
<option value="10" {{if eq .PerPage 10}}selected{{end}}>10 条/页</option>
<option value="25" {{if eq .PerPage 25}}selected{{end}}>25 条/页</option>
<option value="50" {{if eq .PerPage 50}}selected{{end}}>50 条/页</option>
<option value="100" {{if eq .PerPage 100}}selected{{end}}>100 条/页</option>
</select>
</div>
</header>
<!-- 主内容区域 -->