"anVersion":"10.2.3.4.5",
"vLanText":"111",
"tnVersion":"10.0.1.1.1",
- "tnText":"TN EDGEText",
"mbps":"111",
"msText":"111",
"linkType":"p2p/mp2p",
"tnEndVersion":"10.1.1.1",
- "tnEndText":"TN EDGEText",
"cnVlan":"11",
"cnVersion":"1.1.2.3"
},
"anVersion":"10.2.3.4.5",
"vLanText":"222",
"tnVersion":"10.0.1.1.1",
- "tnText":"TN EDGEText",
"mbps":"222",
"msText":"222",
"linkType":"p2p/mp2p",
"tnEndVersion":"10.1.1.1",
- "tnEndText":"TN EDGEText",
"cnVlan":"22",
"cnVersion":"1.1.2.3"
},
"anVersion":"10.2.3.4.5",
"vLanText":"333",
"tnVersion":"10.0.1.1.1",
- "tnText":"TN EDGEText",
"mbps":"333",
"msText":"333",
"linkType":"p2p/mp2p",
"tnEndVersion":"10.1.1.1",
- "tnEndText":"TN EDGEText",
"cnVlan":"33",
"cnVersion":"1.1.2.3"
}
}
.detail-wrap{
- width: 380px;
- height: 400px;
+ width: 520px;
+ height: 360px;
background: rgba(0, 0, 0, .8);
line-height: 20px;
border-radius: 4px;
text-indent: 2em;
position: absolute;
right: -200px;
- top: -410px;
+ top: -370px;
color:#ffffff;
p{
padding: 10px 10px 0 10px;
border-top: 8px solid rgba(0, 0, 0, .8);
}
.detail-img{
- width: 200px;
- height: 200px;
+ width: 300px;
display: block;
margin: 0 auto;
}
<p>
<img src="../../../../../../../assets/images/tn-edge-img.png" class="tnImg"/>
</p>
- <p>{{outerData.tnText}}<br/>Gateway</p>
+ <p>TNÂ EDGEText<br/>Gateway</p>
</li>
<li class="three-box" >
<p>{{outerData.mbps}} Mbps/yyyG</p>
<p>
<img src="../../../../../../../assets/images/tn-edge-img.png" class="tnImg"/>
</p>
- <p>{{outerData.tnEndText}}<br/>Gateway</p>
+ <p>TNÂ EDGEText<br/>Gateway</p>
</li>
<li class="vLan-line">
<p >