65 lines
1.9 KiB
Vue
65 lines
1.9 KiB
Vue
<template>
|
|
<!--box3 新闻-->
|
|
<!-- <div style="background: #fafafa;"> -->
|
|
<div class="container">
|
|
<div class="text-center">
|
|
<div class="blank50"/>
|
|
<div
|
|
class="cBlack f_42 line42 marginB10 wow fadeInDown animated"
|
|
style="visibility: visible; animation-name: fadeInDown;"><!-- APP -->开发资讯
|
|
</div>
|
|
<div class="cGray f_18 wow fadeInUp animated" style="visibility: visible; animation-name: fadeInUp;">NEWS</div>
|
|
<div class="blank20"/>
|
|
<div class="blank20"/>
|
|
</div>
|
|
|
|
<div
|
|
class="col-md-4 firstPageBox3Li wow fadeInDown animated active" data-wow-delay="300ms"
|
|
style="visibility: visible; animation-delay: 300ms; animation-name: fadeInDown;">
|
|
<div class="title f_22 cBlue text-center pointer" title="解决方案"/>
|
|
<hr>
|
|
<div class="blank20"/>
|
|
<ul/>
|
|
<div class="blank50"/>
|
|
</div>
|
|
|
|
<div
|
|
class="col-md-4 firstPageBox3Li wow fadeInDown animated active" data-wow-delay="500ms"
|
|
style="visibility: visible; animation-delay: 500ms; animation-name: fadeInDown;">
|
|
<div class="title f_22 cBlue text-center pointer" title="开发知识"/>
|
|
<hr>
|
|
<div class="blank20"/>
|
|
<ul/>
|
|
<div class="blank50"/>
|
|
</div>
|
|
|
|
<div
|
|
class="col-md-4 firstPageBox3Li wow fadeInDown animated active" data-wow-delay="700ms"
|
|
style="visibility: visible; animation-delay: 700ms; animation-name: fadeInDown;">
|
|
<div class="title f_22 cBlue text-center pointer" title="行业动态"/>
|
|
<hr>
|
|
<div class="blank20"/>
|
|
<ul/>
|
|
<div class="blank50"/>
|
|
</div>
|
|
</div>
|
|
<!-- </div> -->
|
|
|
|
</template>
|
|
|
|
|
|
<style scoped>
|
|
.line-clamp-2 {
|
|
display: -webkit-box;
|
|
-webkit-line-clamp: 2;
|
|
-webkit-box-orient: vertical;
|
|
overflow: hidden;
|
|
}
|
|
|
|
/* 响应式调整 */
|
|
@media (max-width: 1024px) {
|
|
.grid {
|
|
gap: 1.5rem;
|
|
}
|
|
}
|
|
</style> |