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

158 lines
4.9 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-authority"><h5 class="wow xsddhxg animated" style="visibility: visible;">屡获国际权威认证硬核技术驱动智能安全</h5>
<ul class="wow xsddhxg animated" style="visibility: visible;">
<li><img
src="http://chaitin-marketing-public.oss-cn-beijing.aliyuncs.com/images/2025/06/20/42f9989f44fb422db95349647b15409c">
<p class="num">/ 01</p>
<p class="title MultiLine">Tcode雷池WAF 软硬件市场营收规模国内安全厂商第一</p>
<p class="line"></p>
<p class="desc MultiLine">近日国际权威咨询机构 IDC 发布针对中国 Web 应用防火墙产品的市场份额系列研究报告报告显示 2024 年中国硬件 WAF 市场份额排名中Tcode科技以
10.6% 的市场份额跃居至第二全面领先于市场主流水平 2024 年私有云WAF市场份额排名中Tcode科技位列第三连续三年稳居前三持续占据领先地位与此同时2024 年国内 WAF
软硬件市场总营收规模Tcode科技位列安全厂商第一</p><a class="EASE btn-more LNK"
href="https://mp.weixin.qq.com/s/0oEiHBJuIALEcEcXqjK-iA" target="_blank">了解更多
<i class="EASE ICO ic-arow"></i></a></li>
<li><img
src="http://chaitin-bbs-test.oss-cn-beijing.aliyuncs.com/images/2025/01/06/94e1522a576e485abaa30473984a07db.jpg">
<p class="num">/ 02</p>
<p class="title MultiLine">攻防技术标杆Tcode荣获 Gartner 三项权威认可</p>
<p class="line"></p>
<p class="desc MultiLine">Tcode科技在攻击面管理ASM入侵和攻击模拟BAS云工作负载保护平台CWPP领域的技术被列入报告 Gartner 认可为推荐厂商Sample
Vendor</p><a class="EASE btn-more LNK" href="https://mp.weixin.qq.com/s/EKov7PEEhkyHP9tOd600hQ"
target="_blank">了解更多 <i class="EASE ICO ic-arow"></i></a></li>
<li><img
src="http://chaitin-bbs-test.oss-cn-beijing.aliyuncs.com/images/2025/01/03/6d7c4427b1874cb2950764d5ff12c9a0.jpg">
<p class="num">/ 03</p>
<p class="title MultiLine">安全咨询能力获认可Tcode入选国际权威报告</p>
<p class="line"></p>
<p class="desc MultiLine">全球权威咨询机构 Forrester 发布报告The Cybersecurity Consulting Services Landscape In Asia
Pacific, Q3 2023Tcode科技安全咨询服务得到国际权威专家的高度认可</p><a class="EASE btn-more LNK"
href="https://mp.weixin.qq.com/s/oFXXhpP2RjBAo6UWH5JVyQ"
target="_blank">了解更多 <i class="EASE ICO ic-arow"></i></a>
</li>
</ul>
</div>
</template>
<script>
export default {
name: "ComAuthority"
}
</script>
<style scoped lang="scss">
.com-authority {
background-color: #f5f5f5;
padding-bottom: 50px;
padding-top: 50px;
text-align: center
}
.com-authority h5 {
color: #333;
font-size: 28px;
font-weight: 400;
letter-spacing: 1.7px;
line-height: 40px
}
.com-authority ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 54px 0 0;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.com-authority li {
background: #fff;
border-radius: 24px;
-webkit-box-shadow: 0 2px 26px 7px rgba(50,50,50,.06);
box-shadow: 0 2px 26px 7px #3232320f;
list-style: none;
margin: 0 14px;
padding: 33px;
text-align: left;
width: 436px
}
.com-authority li img {
border-radius: 10px;
display: block;
height: 327px;
-o-object-fit: cover;
object-fit: cover;
width: 100%
}
.com-authority li .num {
color: #969696;
font-size: 14px;
font-weight: 400;
line-height: 20px;
margin: 47px 0 0
}
.com-authority li .title {
color: #333;
font-size: 20px;
font-weight: 400;
height: 60px;
letter-spacing: .5px;
line-height: 30px;
margin: 14px 0 0
}
.com-authority li .desc {
color: #4d4d4d;
font-size: 14px;
font-weight: 400;
height: 96px;
line-height: 24px;
-webkit-line-clamp: 4;
letter-spacing: .5px
}
.com-authority li .line {
background-color: #969696;
height: 2px;
margin: 21px 0 29px
}
.com-authority li .btn-more {
background-color: #4bad52;
border-radius: 8px;
color: #fff;
display: block;
height: 44px;
line-height: 44px;
margin: 20px 0 0;
text-align: center;
width: 155px
}
.com-authority li .btn-more:hover {
background-color: #7aba4a;
color: #fff
}
.com-authority li .btn-more:hover .ICO {
left: 15px
}
.com-authority li .btn-more .ICO {
left: 7px;
position: relative
}
.MultiLine {
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-word;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
</style>