173 lines
4.5 KiB
Plaintext
Raw Normal View History

2025-03-14 14:04:49 +08:00
@page
@using JiShe.CollectBus.Host
@model JiShe.CollectBus.Host.Pages.Monitor
@{
Layout = null;
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<link href="libs/bootstrap/css/bootstrap.min.css" rel="stylesheet"/>
<title>后端服务</title>
2025-03-14 14:04:49 +08:00
</head>
2025-04-23 09:45:31 +08:00
2025-03-14 14:04:49 +08:00
<body>
<div class="container projects">
<div class="projects-header page-header">
<h2>后端服务列表</h2>
@* <p>这些项目或者是对Bootstrap进行了有益的补充或者是基于Bootstrap开发的</p> *@
</div>
<div class="row">
<div class="col-sm-6 col-md-4 col-lg-3">
<div class="thumbnail" style="height: 180px">
<a href="@CollectBusHostConst.SwaggerUiEndPoint" target="_blank">
<img class="lazy" src="/images/swagger.png" width="300" height="150"/>
</a>
<div class="caption">
<h3>
<a href="@CollectBusHostConst.SwaggerUiEndPoint" target="_blank">SwaggerUI</a>
</h3>
</div>
</div>
</div>
<div class="col-sm-6 col-md-4 col-lg-3">
<div class="thumbnail" style="height: 180px">
<a href="@CollectBusHostConst.HangfireDashboardEndPoint" target="_blank">
<img class="lazy" src="/images/hangfire.png" width="300" height="150"/>
</a>
<div class="caption">
<h3>
<a href="@CollectBusHostConst.HangfireDashboardEndPoint" target="_blank">Hangfire面板</a>
</h3>
</div>
</div>
</div>
<div class="col-sm-6 col-md-4 col-lg-3">
<div class="thumbnail" style="height: 180px">
<a href="@CollectBusHostConst.CapDashboardEndPoint" target="_blank">
<img class="lazy" src="/images/cap.png" width="300" height="150"/>
</a>
<div class="caption">
<h3>
<a href="@CollectBusHostConst.CapDashboardEndPoint" target="_blank">CAP</a>
</h3>
</div>
</div>
</div>
@* <div class="col-sm-6 col-md-4 col-lg-3">
<div class="thumbnail" style="height: 180px">
<a href="@CollectBusHostConst.MoreEndPoint" target="_blank">
<img class="lazy" src="/images/more.png" width="300" height="150"/>
</a>
<div class="caption">
<h3>
<a href="@CollectBusHostConst.MoreEndPoint" target="_blank">了解更多...</a>
</h3>
</div>
</div>
</div> *@
</div>
</div>
</body>
</html>
<style>
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.container {
2025-03-17 11:34:30 +08:00
width: 1170px;
padding-right: 15px;
padding-left: 15px;
2025-03-14 14:04:49 +08:00
margin-right: auto;
margin-left: auto;
}
.projects-header {
width: 60%;
text-align: center;
font-weight: 200;
display: block;
2025-03-17 11:34:30 +08:00
margin: 60px auto 40px !important;
2025-03-14 14:04:49 +08:00
}
.page-header {
padding-bottom: 9px;
margin: 40px auto;
2025-03-17 11:34:30 +08:00
border-bottom: 1px solid #eee;
2025-03-14 14:04:49 +08:00
}
.projects-header h2 {
font-size: 42px;
letter-spacing: -1px;
}
h2 {
2025-03-17 11:34:30 +08:00
margin-top: 20px;
margin-bottom: 10px;
2025-03-14 14:04:49 +08:00
font-weight: 500;
line-height: 1.1;
color: inherit;
/* text-align: center; */
}
p {
2025-03-17 11:34:30 +08:00
margin: 0 0 10px;
2025-03-14 14:04:49 +08:00
}
.row {
2025-03-17 11:34:30 +08:00
margin-right: -15px;
margin-left: -15px;
2025-03-14 14:04:49 +08:00
}
.col-lg-3 {
width: 25%;
}
.projects .thumbnail {
display: block;
margin-right: auto;
margin-left: auto;
text-align: center;
2025-03-17 11:34:30 +08:00
margin-bottom: 30px;
2025-03-14 14:04:49 +08:00
border-radius: 0;
}
.thumbnail {
display: block;
padding: 4px;
line-height: 1.42857143;
background-color: #fff;
2025-03-17 11:34:30 +08:00
border: 1px solid #ddd;
2025-03-14 14:04:49 +08:00
.transition(border 0.2s ease-in-out);
}
a {
color: #337ab7;
text-decoration: none;
background-color: transparent;
}
.projects .thumbnail img {
max-width: 100%;
height: auto;
}
.thumbnail a > img,
.thumbnail > img {
margin-right: auto;
margin-left: auto;
}
img {
vertical-align: middle;
}
/* .projects .thumbnail .caption {
overflow-y: hidden;
color: #555;
} */
2025-04-14 19:10:27 +08:00
2025-03-14 14:04:49 +08:00
.caption {
padding: 9px;
overflow-y: hidden;
color: #555;
}
</style>