Files
Situation-Awareness-Platfor…/src/views/Jyh/Home/component/ComNews.vue

146 lines
6.2 KiB
Vue
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<template>
<div class="com-news"><h4 class="wow animated" style="visibility: visible;">最新动态</h4>
<ul class="wow animated" style="visibility: visible;">
<li><a href="https://mp.weixin.qq.com/s/gFi3Lo1KFcjt0gwhetaT5w" rel="nofollow" class="EASE" target="_blank"><img
src="@/assets/v3/6b8d01d61f9a40d2b0c74bc6783ff296.png"
alt="“Tcode外”夺冠网络攻防从此“攻守易形”AI 智能体才是终极胜负手" class="EASE"></a>
<div class="ptime"><i class="ICO ic-air"></i> 发布时间 <span>2025/11/21</span></div>
<h5 class="EASE MultiLine"><a href="https://mp.weixin.qq.com/s/gFi3Lo1KFcjt0gwhetaT5w" rel="nofollow"
class="EASE" target="_blank">Tcode外夺冠网络攻防从此攻守易形AI 智能体才是终极胜负手</a></h5>
<p class="desc MultiLine">在近日结束的腾讯云黑客松-智能渗透挑战赛线上赛中Tcode科技旗下Tcode外战队力压 238 支全球顶尖战队以全程稳定高分斩获第一名</p></li>
<li><a href="https://mp.weixin.qq.com/s/rczHE9BYY_VRMo_DgJMV-w" rel="nofollow" class="EASE" target="_blank"><img
src="@/assets/v3/2fde85b65bc84c01b5d280151a5fb555.png"
alt="Tcode科技上榜国家专精特新“小巨人”以 AI 安全创新领跑网络安全新赛道" class="EASE"></a>
<div class="ptime"><i class="ICO ic-air"></i> 发布时间 <span>2025/10/27</span></div>
<h5 class="EASE MultiLine"><a href="https://mp.weixin.qq.com/s/rczHE9BYY_VRMo_DgJMV-w" rel="nofollow"
class="EASE" target="_blank">Tcode科技上榜国家专精特新小巨人 AI 安全创新领跑网络安全新赛道</a></h5>
<p class="desc MultiLine">近日北京市经济和信息化局公示了北京市第七批专精特新小巨人企业名单Tcode科技凭借其卓越的科技创新能力和专业化的技术实力成功入选</p></li>
<li><a href="https://mp.weixin.qq.com/s/9KfUvw3zmrH3CfVbXzdLhg" rel="nofollow" class="EASE" target="_blank"><img
src="@/assets/v3/ee5c7cb6d2ef4504b0e47a2bed942d7f.png"
alt="蝉联第一Tcode科技再次问鼎“天网杯”" class="EASE"></a>
<div class="ptime"><i class="ICO ic-air"></i> 发布时间 <span>2025/09/23</span></div>
<h5 class="EASE MultiLine"><a href="https://mp.weixin.qq.com/s/9KfUvw3zmrH3CfVbXzdLhg" rel="nofollow"
class="EASE" target="_blank">蝉联第一Tcode科技再次问鼎天网杯</a></h5>
<p class="desc MultiLine">9 23 2025 年第三届天网杯网络安全大赛的赛场上Tcode科技再次展现其在漏洞挖掘领域的顶尖实力在关键产品漏洞挖掘挑战赛中拔得头筹获得一等奖</p>
</li>
</ul>
</div>
</template>
<script>
export default {
name: "ComNews"
}
</script>
<style lang="scss" scoped>
.com-news {
margin: 0 auto;
padding: 100px 0 50px;
width: 1364px
}
.com-news h4 {
color: #333;
font-size: 28px;
font-weight: 400;
letter-spacing: 1.7px;
line-height: 40px;
margin-bottom: 57px;
text-align: center
}
.com-news ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.com-news li {
list-style: none;
margin: 0 28px 0 0;
width: 33.333%
}
.com-news li img {
border-radius: 10px;
height: 338px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
width: 100%
}
.com-news li:hover img {
-webkit-transform: scale(1.02);
transform: scale(1.02)
}
.com-news li:hover h5 {
color: #4bb752
}
.com-news .ptime {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 20px 0 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #333;
font-size: 14px;
font-weight: 400;
line-height: 20px
}
.com-news .ptime span {
color: #969696;
font-size: 12px;
font-weight: 400;
line-height: 17px
}
.com-news li .ic-air {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAQAAAD/5HvMAAAAAXNSR0IArs4c6QAABFVJREFUeNrNmkloFFkYx4tMCB68itRXtImRqEzAZYLLQRRbBAUPCnEJfXCmIQw4kww0fRAVccFDqwh2VBQRPbkcBioEhY6oB/EyE5AOAWG2nsElM0NrYjSHHJK/dHVXpZd6Ve+rJVT9IXS/qn71y1u+73vve4ri7WpSuyhJGdIpTwUq0gzNUJEKlCedMpRUu5QmZWGuGFEf6TRBcNEE6dQXoxBR2hapCcrRrCtKtWYppybaFgUOs2QxpWmchVKtcUovWRwcTbOWoqJnGFNFLaU0B0CjbqFR3zCmRtUtvmA6WyhLc4HhlDRH2c4WjzhL22kkUBhTI0vbPeBocXUyFBwQ1EktzsXZTzNh4Ria0fZzBnIv09p40azaK9864eMYSFKtpMVD7qzajou7zqzwhrL98HaccZ0tIU10RyPgYJcou+A4JWXFTmIujBe24QiGHK23vUNpDtBnWdqAS3iDaeRcfJyN29VSwaJo6MYgpjBtKOv2dKox3ikGB7MSRzFWQSnriGtwUhcvUToomG24if9rYEra7v7LdE1w6iMatLQMSTxrQCnpI1olosqqQFdN+IVZg3P4yxampJdyRjIx32E5PzB7cB8fhTAl3ZWrKTe/sPHoTFfgJ4w4opR1UtLZVhZN1O8FZjMGMC4A+L1uWB+QrbWvDDTItTA9eITPwvZ4hpd1JWtl69aNRbHEKtTSapzAK8fuuQe9ruS1/D87oTQpapfs4ztwB+9dRstlXG4oe8wJR7oUSro/1orv8dx16H7GMaRsygc4AyKpUMb5kfU4j38kZtIkenHQdvr/wAHKKKSLb+/Dzy4WxtR/2IftNi6jpB0cIF2hvPh2D/6QwvkbcazDnwK30cYByitUcHqgA7ccJnhZY9iADvzqy21YKijuYcdex4n+Al8jhofC+/d5QEVFZtHTjgF8sn3dEFaAcMMB+BRzYaTIrsJ2I9/wstuIgXDcsUMPsYGkI8VWXKiZc+eN0m8FbWdqHbvLCpwfxPGL8ZoppIzvu1B0xHnLddoFx2lvHxeexr84bHze6Goyn3CB8o6GUaTlxt9VNqOqXle4deuurkOsaxIm80durRkp5yrqvIvWukukndxak4zww94YjDngTFU6lxV+8AK0am2qxNXXhc4lz61zwsiQcENYUzncQofxqVvgWB/wh7T3IJ8wjGn8hu7KjLtrA3SGW2efr2XQcOW1Zjt9Z+xzVKuHV+OslTvytlA0gT4hUSlZg6EaoG94NeZ8LqVNoFRNab8VN77jzrCEz82GMtDZhvKNeFpZn7HqG6/JqnnZjikBXbW9o+EEPuAar7607w2rYdyDJry7FXtZYUdDgo+/pXccy3zY+Lo2TS3QpqekRm1zjWFtC7tqTphnjNjGeQRTC5FLvkQwPRXBBF4EU5wRTAJHME0ewYMEETxqEcHDKKbbjdRxHSteitCBJivQjdCRr/krRtRPg1KH4gZDPhRXc30V1rHBL/3JmVpOd2CzAAAAAElFTkSuQmCC);
height: 36px;
margin-right: 14px;
width: 36px
}
.com-news li:last-child {
margin: 0
}
.com-news li h5 {
color: #333;
font-size: 20px;
height: 60px;
line-height: 30px;
margin: 20px 0 0
}
.com-news li .desc,.com-news li h5 {
font-weight: 400;
letter-spacing: .5px
}
.com-news li .desc {
color: #4d4d4d;
font-size: 14px;
line-height: 24px;
margin: 18px 0 0;
-webkit-line-clamp: 4
}
.ICO {
background-position: 50%;
background-repeat: no-repeat;
background-size: 100% 100%;
}
</style>