25 lines
1.0 KiB
HTML
25 lines
1.0 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="zh-CN">
|
||
<head>
|
||
<meta charset="UTF-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||
<title>Aurora Admin · DashboardCard（普通 H5）</title>
|
||
<link rel="stylesheet" href="../.design_library/aurora-admin/colors_and_type.css" />
|
||
<link rel="stylesheet" href="DashboardCard.css" />
|
||
<style>body{margin:0;padding:24px;background:#F5F7FA;display:flex;gap:16px;flex-wrap:wrap;}
|
||
.aa-dashcard{width:200px;}</style>
|
||
</head>
|
||
<body>
|
||
<div class="aa-dashcard">
|
||
<div class="aa-dashcard-head"><span class="aa-dashcard-title">今日订单</span><span class="aa-dashcard-icon">📦</span></div>
|
||
<div class="aa-dashcard-value">1,284</div>
|
||
<div class="aa-dashcard-trend up">↑ 12.5% 较昨日</div>
|
||
</div>
|
||
<div class="aa-dashcard">
|
||
<div class="aa-dashcard-head"><span class="aa-dashcard-title">退款率</span><span class="aa-dashcard-icon">↩️</span></div>
|
||
<div class="aa-dashcard-value">2.3%</div>
|
||
<div class="aa-dashcard-trend down">↑ 0.4% 需关注</div>
|
||
</div>
|
||
</body>
|
||
</html>
|