上传前端代码 #65
@ -18,7 +18,7 @@ const clusterData = {
|
|||||||
chipScale: {
|
chipScale: {
|
||||||
NVIDIA: 33000,
|
NVIDIA: 33000,
|
||||||
ascend: 5000,
|
ascend: 5000,
|
||||||
supercomputer: 8000,
|
supercomputer: 10,
|
||||||
total: 5100
|
total: 5100
|
||||||
},
|
},
|
||||||
|
|
||||||
@ -106,7 +106,7 @@ const clusterData = {
|
|||||||
chipScale: {
|
chipScale: {
|
||||||
NVIDIA: 4191,
|
NVIDIA: 4191,
|
||||||
ascend: 635,
|
ascend: 635,
|
||||||
supercomputer: 1016,
|
supercomputer: 1,
|
||||||
total: 647
|
total: 647
|
||||||
},
|
},
|
||||||
|
|
||||||
@ -185,7 +185,7 @@ const clusterData = {
|
|||||||
chipScale: {
|
chipScale: {
|
||||||
NVIDIA: Math.floor(33000 * 0.294),
|
NVIDIA: Math.floor(33000 * 0.294),
|
||||||
ascend: Math.floor(5000 * 0.294),
|
ascend: Math.floor(5000 * 0.294),
|
||||||
supercomputer: Math.floor(8000 * 0.294),
|
supercomputer: 3,
|
||||||
total: Math.floor(5100 * 0.294)
|
total: Math.floor(5100 * 0.294)
|
||||||
},
|
},
|
||||||
|
|
||||||
@ -264,7 +264,7 @@ const clusterData = {
|
|||||||
chipScale: {
|
chipScale: {
|
||||||
NVIDIA: Math.floor(33000 * 0.156),
|
NVIDIA: Math.floor(33000 * 0.156),
|
||||||
ascend: Math.floor(5000 * 0.156),
|
ascend: Math.floor(5000 * 0.156),
|
||||||
supercomputer: Math.floor(8000 * 0.156),
|
supercomputer: 1,
|
||||||
total: Math.floor(5100 * 0.156)
|
total: Math.floor(5100 * 0.156)
|
||||||
},
|
},
|
||||||
|
|
||||||
@ -344,7 +344,7 @@ const clusterData = {
|
|||||||
chipScale: {
|
chipScale: {
|
||||||
NVIDIA: Math.floor(33000 * 0.098),
|
NVIDIA: Math.floor(33000 * 0.098),
|
||||||
ascend: Math.floor(5000 * 0.098),
|
ascend: Math.floor(5000 * 0.098),
|
||||||
supercomputer: Math.floor(8000 * 0.098),
|
supercomputer: 1,
|
||||||
total: Math.floor(5100 * 0.098)
|
total: Math.floor(5100 * 0.098)
|
||||||
},
|
},
|
||||||
|
|
||||||
@ -424,7 +424,7 @@ const clusterData = {
|
|||||||
chipScale: {
|
chipScale: {
|
||||||
NVIDIA: Math.floor(33000 * 0.117),
|
NVIDIA: Math.floor(33000 * 0.117),
|
||||||
ascend: Math.floor(5000 * 0.117),
|
ascend: Math.floor(5000 * 0.117),
|
||||||
supercomputer: Math.floor(8000 * 0.117),
|
supercomputer:1,
|
||||||
total: Math.floor(5100 * 0.117)
|
total: Math.floor(5100 * 0.117)
|
||||||
},
|
},
|
||||||
|
|
||||||
@ -504,7 +504,7 @@ const clusterData = {
|
|||||||
chipScale: {
|
chipScale: {
|
||||||
NVIDIA: Math.floor(33000 * 0.156),
|
NVIDIA: Math.floor(33000 * 0.156),
|
||||||
ascend: Math.floor(5000 * 0.156),
|
ascend: Math.floor(5000 * 0.156),
|
||||||
supercomputer: Math.floor(8000 * 0.156),
|
supercomputer:1,
|
||||||
total: Math.floor(5100 * 0.156)
|
total: Math.floor(5100 * 0.156)
|
||||||
},
|
},
|
||||||
|
|
||||||
|
|||||||
@ -7,9 +7,9 @@
|
|||||||
<div class="title">异构芯片规模</div>
|
<div class="title">异构芯片规模</div>
|
||||||
<div class="conter">
|
<div class="conter">
|
||||||
<div class="conter-top">
|
<div class="conter-top">
|
||||||
<div class="top-tit">{{ chipData.NVIDIA }}<span>P</span></div>
|
<div class="top-tit one">{{ chipData.NVIDIA }}<span>P</span></div>
|
||||||
<div class="top-tit">{{ chipData.ascend }}<span>P</span></div>
|
<div class="top-tit two">{{ chipData.ascend }}<span>P</span></div>
|
||||||
<div class="top-tit">{{ chipData.supercomputer }}<span>P</span></div>
|
<div class="top-tit three">{{ chipData.supercomputer }}<span>P</span></div>
|
||||||
</div>
|
</div>
|
||||||
<div class="conter-center">
|
<div class="conter-center">
|
||||||
<img src="../images/3D.png" alt="">
|
<img src="../images/3D.png" alt="">
|
||||||
@ -517,15 +517,25 @@ export default {
|
|||||||
.conter-top {
|
.conter-top {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 14px;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: space-around;
|
|
||||||
padding: 0 18px;
|
|
||||||
// left: 18px;
|
|
||||||
|
|
||||||
|
display: flex;
|
||||||
|
.one{
|
||||||
|
position: absolute;
|
||||||
|
left: 24px;
|
||||||
|
top: 24px;
|
||||||
|
|
||||||
|
}
|
||||||
|
.two{
|
||||||
|
position: absolute;
|
||||||
|
left: 100px;
|
||||||
|
top: 24px;
|
||||||
|
}
|
||||||
|
.three{
|
||||||
|
position: absolute;
|
||||||
|
left: 170px;
|
||||||
|
top: 24px;
|
||||||
|
}
|
||||||
.top-tit {
|
.top-tit {
|
||||||
// padding-left: 10px;
|
|
||||||
|
|
||||||
span {
|
span {
|
||||||
margin-left: 2px;
|
margin-left: 2px;
|
||||||
|
|||||||
Binary file not shown.
|
Before Width: | Height: | Size: 66 KiB After Width: | Height: | Size: 65 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 26 KiB |
Loading…
x
Reference in New Issue
Block a user