You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
265 lines
9.3 KiB
265 lines
9.3 KiB
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>@ViewData["Title"] - LTEMvcApp</title>
|
|
<link rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap.min.css" />
|
|
<link rel="stylesheet" href="~/css/site.css" asp-append-version="true" />
|
|
<link rel="stylesheet" href="~/LTEMvcApp.styles.css" asp-append-version="true" />
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" />
|
|
<style>
|
|
/* 全局容器样式调整 - 使用更强的选择器覆盖Bootstrap */
|
|
.container,
|
|
.container-fluid,
|
|
body .container,
|
|
body .container-fluid {
|
|
padding-left: 0.5rem !important;
|
|
padding-right: 0.5rem !important;
|
|
max-width: 95vw !important;
|
|
width: 95vw !important;
|
|
margin: 0 auto !important;
|
|
}
|
|
|
|
/* 响应式边距调整 */
|
|
@@media (max-width: 1200px) {
|
|
.container,
|
|
.container-fluid,
|
|
body .container,
|
|
body .container-fluid {
|
|
padding-left: 0.5rem !important;
|
|
padding-right: 0.5rem !important;
|
|
max-width: 98vw !important;
|
|
width: 98vw !important;
|
|
}
|
|
}
|
|
|
|
@@media (max-width: 768px) {
|
|
.container,
|
|
.container-fluid,
|
|
body .container,
|
|
body .container-fluid {
|
|
padding-left: 0.25rem !important;
|
|
padding-right: 0.25rem !important;
|
|
max-width: 99vw !important;
|
|
width: 99vw !important;
|
|
}
|
|
}
|
|
|
|
@@media (max-width: 576px) {
|
|
.container,
|
|
.container-fluid,
|
|
body .container,
|
|
body .container-fluid {
|
|
padding-left: 0.125rem !important;
|
|
padding-right: 0.125rem !important;
|
|
max-width: 100vw !important;
|
|
width: 100vw !important;
|
|
}
|
|
}
|
|
|
|
/* 导航栏样式调整 */
|
|
.navbar .container-fluid,
|
|
body .navbar .container-fluid {
|
|
padding-left: 0.5rem !important;
|
|
padding-right: 0.5rem !important;
|
|
max-width: 95vw !important;
|
|
width: 95vw !important;
|
|
margin: 0 auto !important;
|
|
}
|
|
|
|
@@media (max-width: 1200px) {
|
|
.navbar .container-fluid,
|
|
body .navbar .container-fluid {
|
|
padding-left: 0.5rem !important;
|
|
padding-right: 0.5rem !important;
|
|
max-width: 98vw !important;
|
|
width: 98vw !important;
|
|
}
|
|
}
|
|
|
|
@@media (max-width: 768px) {
|
|
.navbar .container-fluid,
|
|
body .navbar .container-fluid {
|
|
padding-left: 0.25rem !important;
|
|
padding-right: 0.25rem !important;
|
|
max-width: 99vw !important;
|
|
width: 99vw !important;
|
|
}
|
|
}
|
|
|
|
@@media (max-width: 576px) {
|
|
.navbar .container-fluid,
|
|
body .navbar .container-fluid {
|
|
padding-left: 0.125rem !important;
|
|
padding-right: 0.125rem !important;
|
|
max-width: 100vw !important;
|
|
width: 100vw !important;
|
|
}
|
|
}
|
|
|
|
/* 页脚样式调整 */
|
|
.footer .container,
|
|
body .footer .container {
|
|
padding-left: 0.5rem !important;
|
|
padding-right: 0.5rem !important;
|
|
max-width: 95vw !important;
|
|
width: 95vw !important;
|
|
margin: 0 auto !important;
|
|
}
|
|
|
|
@@media (max-width: 1200px) {
|
|
.footer .container,
|
|
body .footer .container {
|
|
padding-left: 0.5rem !important;
|
|
padding-right: 0.5rem !important;
|
|
max-width: 98vw !important;
|
|
width: 98vw !important;
|
|
}
|
|
}
|
|
|
|
@@media (max-width: 768px) {
|
|
.footer .container,
|
|
body .footer .container {
|
|
padding-left: 0.25rem !important;
|
|
padding-right: 0.25rem !important;
|
|
max-width: 99vw !important;
|
|
width: 99vw !important;
|
|
}
|
|
}
|
|
|
|
@@media (max-width: 576px) {
|
|
.footer .container,
|
|
body .footer .container {
|
|
padding-left: 0.125rem !important;
|
|
padding-right: 0.125rem !important;
|
|
max-width: 100vw !important;
|
|
width: 100vw !important;
|
|
}
|
|
}
|
|
|
|
/* 卡片样式增强 */
|
|
body .card {
|
|
margin-bottom: 1.5rem !important;
|
|
box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
|
|
border-radius: 0.5rem !important;
|
|
}
|
|
|
|
body .card-header {
|
|
padding: 1rem 1.25rem !important;
|
|
border-bottom: 1px solid rgba(0,0,0,.125) !important;
|
|
}
|
|
|
|
body .card-body {
|
|
padding: 1.25rem !important;
|
|
}
|
|
|
|
/* 导航栏增强 */
|
|
body .navbar {
|
|
box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
|
|
}
|
|
|
|
body .navbar-brand {
|
|
font-weight: 600 !important;
|
|
}
|
|
|
|
body .nav-link {
|
|
font-weight: 500 !important;
|
|
transition: color 0.2s !important;
|
|
}
|
|
|
|
body .nav-link:hover {
|
|
color: #007bff !important;
|
|
}
|
|
|
|
/* 确保行容器也有合适的间距 */
|
|
body .row {
|
|
margin-left: -0.75rem !important;
|
|
margin-right: -0.75rem !important;
|
|
}
|
|
|
|
body .col-12,
|
|
body .col-md-6 {
|
|
padding-left: 0.75rem !important;
|
|
padding-right: 0.75rem !important;
|
|
}
|
|
|
|
/* 页面布局控制 - 修复滚动条问题 */
|
|
html, body {
|
|
height: 100% !important;
|
|
overflow-x: hidden !important;
|
|
}
|
|
|
|
body {
|
|
display: flex !important;
|
|
flex-direction: column !important;
|
|
}
|
|
|
|
/* 主内容区域 - 移除滚动设置，让各页面自己控制滚动 */
|
|
main {
|
|
flex: 1 !important;
|
|
overflow: visible !important; /* 移除滚动设置 */
|
|
padding: 1rem 0 !important;
|
|
}
|
|
|
|
/* 导航栏固定在顶部 */
|
|
header {
|
|
flex-shrink: 0 !important;
|
|
}
|
|
|
|
/* 页脚固定在底部 */
|
|
footer {
|
|
flex-shrink: 0 !important;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<header>
|
|
<nav class="navbar navbar-expand-sm navbar-toggleable-sm navbar-light bg-white border-bottom box-shadow mb-3">
|
|
<div class="container-fluid">
|
|
<a class="navbar-brand" asp-area="" asp-controller="Home" asp-action="Index">LTEMvcApp</a>
|
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target=".navbar-collapse" aria-controls="navbarSupportedContent"
|
|
aria-expanded="false" aria-label="Toggle navigation">
|
|
<span class="navbar-toggler-icon"></span>
|
|
</button>
|
|
<div class="navbar-collapse collapse d-sm-inline-flex justify-content-between">
|
|
<ul class="navbar-nav flex-grow-1">
|
|
<li class="nav-item">
|
|
<a class="nav-link text-dark" asp-area="" asp-controller="Home" asp-action="Index">首页</a>
|
|
</li>
|
|
@* <li class="nav-item">
|
|
<a class="nav-link text-dark" asp-area="" asp-controller="Home" asp-action="ClientMessages">客户端消息</a>
|
|
</li> *@
|
|
<li class="nav-item">
|
|
<a class="nav-link text-dark" asp-area="" asp-controller="Home" asp-action="Logs">实时日志</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link text-dark" asp-area="" asp-controller="Home" asp-action="TestClientConfig">测试客户端配置</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link text-dark" asp-area="" asp-controller="Home" asp-action="WebSocketTest">WebSocket测试</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link text-dark" asp-area="" asp-controller="Home" asp-action="Privacy">Privacy</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
</header>
|
|
|
|
<main role="main">
|
|
@RenderBody()
|
|
</main>
|
|
|
|
<footer class="border-top footer text-muted">
|
|
<div class="container">
|
|
© 2025 - LTEMvcApp - <a asp-area="" asp-controller="Home" asp-action="Privacy">Privacy</a>
|
|
</div>
|
|
</footer>
|
|
<script src="~/lib/jquery/dist/jquery.min.js"></script>
|
|
<script src="~/lib/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
|
|
<script src="~/js/site.js" asp-append-version="true"></script>
|
|
@await RenderSectionAsync("Scripts", required: false)
|
|
</body>
|
|
</html>
|
|
|