187 lines
5.1 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;
2025-04-30 12:36:54 +08:00
}
2025-03-14 14:04:49 +08:00
<!DOCTYPE html>
<html lang="en">
<head>
2025-04-23 14:46:19 +08:00
<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" />
2025-03-14 14:04:49 +08:00
<title>后端服务</title>
</head>
2025-03-14 14:04:49 +08:00
<body>
2025-04-23 14:46:19 +08:00
<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">
2025-03-14 14:04:49 +08:00
<a href="@CollectBusHostConst.SwaggerUiEndPoint" target="_blank">
2025-04-23 14:46:19 +08:00
<img class="lazy" src="/images/swagger.png" width="300" height="150" />
</a>
<div class="caption">
<h3>
2025-03-14 14:04:49 +08:00
<a href="@CollectBusHostConst.SwaggerUiEndPoint" target="_blank">SwaggerUI</a>
2025-04-23 14:46:19 +08:00
</h3>
</div>
2025-03-14 14:04:49 +08:00
</div>
</div>
2025-04-23 14:46:19 +08:00
<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>
2025-03-14 14:04:49 +08:00
</div>
</div>
2025-04-23 14:46:19 +08:00
<div class="col-sm-6 col-md-4 col-lg-3">
<div class="thumbnail" style="height: 180px">
<a href="@CollectBusHostConst.HealthDashboardEndPoint" target="_blank">
<img class="lazy" src="/images/hangfire.png" width="300" height="150" />
</a>
<div class="caption">
<h3>
<a href="@CollectBusHostConst.HealthEndPoint" target="_blank">健康检查API</a> |
<a href="@CollectBusHostConst.HealthDashboardEndPoint" target="_blank">UI</a>
</h3>
</div>
2025-03-14 14:04:49 +08:00
</div>
</div>
2025-04-23 14:46:19 +08:00
@* <div class="col-sm-6 col-md-4 col-lg-3">
2025-03-14 14:04:49 +08:00
<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> *@
2025-04-23 14:46:19 +08:00
</div>
2025-03-14 14:04:49 +08:00
</div>
</body>
</html>
<style>
2025-04-23 14:46:19 +08:00
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.container {
width: 1170px;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.projects-header {
width: 60%;
text-align: center;
font-weight: 200;
display: block;
margin: 60px auto 40px !important;
}
.page-header {
padding-bottom: 9px;
margin: 40px auto;
border-bottom: 1px solid #eee;
}
.projects-header h2 {
font-size: 42px;
letter-spacing: -1px;
}
h2 {
margin-top: 20px;
margin-bottom: 10px;
font-weight: 500;
line-height: 1.1;
color: inherit;
/* text-align: center; */
}
p {
margin: 0 0 10px;
}
.row {
margin-right: -15px;
margin-left: -15px;
}
.col-lg-3 {
width: 25%;
}
.projects .thumbnail {
display: block;
margin-right: auto;
margin-left: auto;
text-align: center;
margin-bottom: 30px;
border-radius: 0;
}
.thumbnail {
display: block;
padding: 4px;
line-height: 1.42857143;
background-color: #fff;
border: 1px solid #ddd;
.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;
} */
.caption {
padding: 9px;
overflow-y: hidden;
color: #555;
}
2025-03-14 14:04:49 +08:00
</style>