48 lines
2.8 KiB
HTML
48 lines
2.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>仪表数据仿真</title>
|
|
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
|
|
<script src="https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/jquery/2.1.3/jquery.min.js"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.min.js"></script>
|
|
</head>
|
|
<body>
|
|
<div class="container mt-5">
|
|
<!-- Tab导航栏 -->
|
|
<ul class="nav nav-tabs" id="myTab" role="tablist">
|
|
<li class="nav-item" role="presentation">
|
|
<button class="nav-link active" id="normal-tab" data-bs-toggle="tab" data-bs-target="#normal" type="button" role="tab" aria-controls="normal" aria-selected="true">常规</button>
|
|
</li>
|
|
<li class="nav-item" role="presentation">
|
|
<button class="nav-link" id="bluetooth-tab" data-bs-toggle="tab" data-bs-target="#bluetooth" type="button" role="tab" aria-controls="bluetooth" aria-selected="false">蓝牙</button>
|
|
</li>
|
|
<li class="nav-item" role="presentation">
|
|
<button class="nav-link" id="tire-tab" data-bs-toggle="tab" data-bs-target="#tire" type="button" role="tab" aria-controls="tire" aria-selected="false">胎压</button>
|
|
</li>
|
|
<li class="nav-item" role="presentation">
|
|
<button class="nav-link" id="conf-tab" data-bs-toggle="tab" data-bs-target="#conf" type="button" role="tab" aria-controls="conf" aria-selected="false">配置</button>
|
|
</li>
|
|
</ul>
|
|
|
|
<!-- Tab内容区域 -->
|
|
<div class="tab-content" id="myTabContent">
|
|
<div class="tab-pane fade show active" id="normal" role="tabpanel" aria-labelledby="normal-tab">
|
|
<iframe src="sub/home-tab-normal.html" width="100%" height="800px" frameborder="0"></iframe>
|
|
</div>
|
|
<div class="tab-pane fade" id="bluetooth" role="tabpanel" aria-labelledby="bluetooth-tab">
|
|
<iframe src="sub/home-tab-bluetooth.html" width="100%" height="800px" frameborder="0"></iframe>
|
|
</div>
|
|
<div class="tab-pane fade" id="tire" role="tabpanel" aria-labelledby="tire-tab">
|
|
<iframe src="sub/home-tab-tire.html" width="100%" height="800px" frameborder="0"></iframe>
|
|
</div>
|
|
<div class="tab-pane fade" id="conf" role="tabpanel" aria-labelledby="conf-tab">
|
|
<iframe src="sub/home-tab-conf.html" width="100%" height="800px" frameborder="0"></iframe>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html> |