诸葛AI平台导航 - 测试集群与性能测试平台

<div class='nav'>
<h1>站内导航</h1>
</div>
<div class='grid'>
<div class='grid-item' onclick="window.open('https://k8s.ctyunai.cn:10096', '_blank')">
<span>诸葛AI测试集群</span>
</div>
<div class='grid-item' onclick="window.open('https://jmeter.ctyunai.cn:10096', '_blank')">
<span>诸葛AI之性能测试平台</span>
</div>
<div class='grid-item' onclick="location.href='#'">
<span>格子1</span>
</div>
<div class='grid-item' onclick="location.href='#'">
<span>格子1</span>
</div>
<div class='grid-item' onclick="location.href='#'">
<span>格子1</span>
</div>
<div class='grid-item' onclick="location.href='#'">
<span>格子1</span>
</div>
<div class='grid-item' onclick="location.href='#'">
<span>格子1</span>
</div>
<div class='grid-item' onclick="location.href='#'">
<span>格子1</span>
</div>
<div class='grid-item' onclick="location.href='#'">
<span>格子1</span>
</div>
<div class='grid-item' onclick="location.href='#'">
<span>格子1</span>
</div>
<div class='grid-item' onclick="location.href='#'">
<span>格子1</span>
</div>
<div class='grid-item' onclick="location.href='#'">
<span>格子1</span>
</div>
</div>
<style>
.nav {
height: 50px;
font-size: 24px;
color: white;
background-color: black;
text-align: center;
}
.grid {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 20px;
}
@media (max-width: 800px) {
.grid {
justify-content: space-around;
}
}
.grid-item {
width: 160px;
margin: 10px;
font-size: 16px;
color: white;
background-color: blue;
border: 1px solid gray;
cursor: pointer;
}
.grid-item:hover {
background-color: darkblue;
}
</style>