59 lines
3.2 KiB
PHP
59 lines
3.2 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>YLG Dashboard</title>
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
|
|
<style>
|
|
body { background-color: #f6f7f9; color: #111827; }
|
|
.nav-bottom { position: fixed; bottom: 0; width: 100%; background: white; border-top: 1px solid #ddd; display: flex; justify-content: space-around; padding: 10px; z-index: 1000; }
|
|
.btn-action { display: flex; flex-direction: column; align-items: center; background: white; border-radius: 10px; padding: 15px; text-decoration: none; color: #111827; box-shadow: 0 2px 5px rgba(0,0,0,0.05); }
|
|
.hero-banner { width: 100%; height: 150px; background: #ddd; border-radius: 15px; margin-bottom: 20px; display: flex; align-items: center; justify-content: center; }
|
|
.product-card { background: white; border-radius: 10px; padding: 10px; font-size: 0.85rem; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="container pb-5 mb-5">
|
|
<header class="d-flex justify-content-between align-items-center py-3">
|
|
<div class="fw-bold">YLG BULLION</div>
|
|
<button class="btn btn-outline-secondary btn-sm">🌐 简体中文</button>
|
|
</header>
|
|
|
|
<div class="hero-banner">Banner Image</div>
|
|
|
|
<div class="row g-2 mb-4">
|
|
<div class="col-3"><a href="#" class="btn-action">📈 快速入市</a></div>
|
|
<div class="col-3"><a href="#" class="btn-action">🌐 切换语言</a></div>
|
|
<div class="col-3"><a href="#" class="btn-action">📄 我的订单</a></div>
|
|
<div class="col-3"><a href="#" class="btn-action">💳 出款方式</a></div>
|
|
<div class="col-3"><a href="#" class="btn-action">🏢 关于我们</a></div>
|
|
<div class="col-3"><a href="#" class="btn-action">💬 帮助中心</a></div>
|
|
<div class="col-6"><a href="#" class="btn-action flex-row gap-2">🎧 在线客服 <small class="text-muted">竭诚服务</small></a></div>
|
|
</div>
|
|
|
|
<section class="mb-4">
|
|
<h6 class="text-center">— 产品推荐 —</h6>
|
|
<div class="row g-2">
|
|
<div class="col-4"><div class="product-card">Gold<br>5379.11<br><span class="text-danger">+0.5%</span></div></div>
|
|
<div class="col-4"><div class="product-card">Rare Earth<br>71.60<br><span class="text-success">-4.5%</span></div></div>
|
|
<div class="col-4"><div class="product-card">Poly Si<br>14.83<br><span class="text-danger">+1.0%</span></div></div>
|
|
</div>
|
|
</section>
|
|
|
|
<section>
|
|
<h6 class="text-center">— 市场 —</h6>
|
|
<div class="card p-3 rounded-4">Gold | 5379.111 | <span class="badge bg-danger">+0.51%</span></div>
|
|
</section>
|
|
</div>
|
|
|
|
<nav class="nav-bottom">
|
|
<a href="dashboard.php" class="text-decoration-none text-dark">🏠 首页</a>
|
|
<a href="#" class="text-decoration-none text-muted">📊 产品</a>
|
|
<a href="#" class="text-decoration-none text-muted">📈 记录</a>
|
|
<a href="#" class="text-decoration-none text-muted">👤 我的</a>
|
|
</nav>
|
|
</body>
|
|
</html>
|
|
EOF
|