Skip to content

B
buildbank-replica
Commit b6ff2294 authored by 秦垚玲's avatar 秦垚玲
Browse files
Options

fix:调整

parent cc3e2c43
Hide whitespace changes
Inline Side-by-side
Showing with 0 additions and 137 deletions
22.html deleted 100644 → 0
View file @ cc3e2c43
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>交易明细结果页底部</title>
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: "Microsoft Yahei", sans-serif;
font-size: 14px;
}
body {
background-color: #ffffff;
padding: 0;
}
/* 工具栏/统计栏 */
.toolbar {
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px 20px;
background: #f8faf5;
border-top: 1px solid #e8e8e8;
border-bottom: 1px solid #e8e8e8;
}
.toolbar-left {
display: flex;
align-items: center;
gap: 20px;
}
.toolbar-right {
display: flex;
align-items: center;
gap: 20px;
}
.toolbar a {
color: #1890ff;
text-decoration: none;
display: flex;
align-items: center;
gap: 4px;
font-size: 16px;
}
.pagination {
display: flex;
align-items: center;
gap: 10px;
}
.pagination input {
width: 40px;
text-align: center;
border: 1px solid #d9d9d9;
padding: 2px;
}
/* 底部按钮组 */
.bottom-btn-group {
display: flex;
justify-content: center;
gap: 30px;
margin: 30px 0;
}
.bottom-btn-group button {
background-color: #1890ff;
color: #fff;
border: none;
padding: 15px 40px;
border-radius: 4px;
cursor: pointer;
font-size: 18px;
}
/* 温馨提示 */
.tips-section {
background-color: #f5faff;
padding: 20px;
border: 1px solid #e8e8e8;
}
.tips-title {
color: #ff4d4f;
font-weight: bold;
margin-bottom: 10px;
font-size: 18px;
}
.tips-section p {
line-height: 1.8;
color: #333;
font-size: 16px;
}
</style>
</head>
<body>
<!-- 工具栏/统计栏 -->
<div class="toolbar">
<div class="toolbar-left">
<label><input type="checkbox"> 全选</label>
<span>本次查询时间:20250901-20260428</span>
</div>
<div class="toolbar-right">
<a href="#"><span>↓</span> 下载当前页</a>
<a href="#"><span>↓</span> 下载全部</a>
</div>
</div>
<!-- 交易统计+分页栏 -->
<div class="toolbar" style="border-top:none;">
<div class="toolbar-left">
<span>转出交易：25笔 &nbsp;&nbsp; 金额：4,325,108.26元；</span>
<span>转入交易：5笔 &nbsp;&nbsp; 金额：5,100,450.88元；</span>
<span style="color:#1890ff; font-size:18px;">?</span>
</div>
<div class="pagination">
<a href="#" style="color:#1890ff; text-decoration:none; font-size:16px;">首页</a>
<a href="#" style="color:#1890ff; text-decoration:none; font-size:16px;">&lt;上一页</a>
<span style="border:1px solid #ddd; padding:4px 10px; background:#fff;">1</span>
<a href="#" style="color:#1890ff; text-decoration:none; font-size:16px;">下一页&gt;</a>
<span>共1页</span>
<span>到第 <input type="text"> 页</span>
<a href="#" style="color:#1890ff; text-decoration:none; font-size:16px;">转至</a>
</div>
</div>
<!-- 底部按钮组 -->
<div class="bottom-btn-group">
<button>电子回执打印/预览</button>
<button>返回</button>
</div>
<!-- 温馨提示 -->
<div class="tips-section">
<div class="tips-title">温馨提示</div>
<p>下载其他格式功能提供使用至2015年12月31日截止。</p>
</div>
</body>
</html>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment