qa_portal
/
qa_portal_vue
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

221

master
鲁洪霞 2026-01-29 17:54:48 +08:00
parent cb484a691f
commit f0e3c3c02e
3 changed files with 197 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
nuxt-demo/app/components/AppHead/index.vue
View File

@ -27,7 +27,7 @@
</span> </span>
</li> </li>
<li><NuxtLink to="">解决方案</NuxtLink></li> <li><NuxtLink to="">解决方案</NuxtLink></li>
<li><NuxtLink to="">新闻资讯</NuxtLink></li> <li><NuxtLink to="/new">新闻资讯</NuxtLink></li>
<li><NuxtLink to="">合作案例</NuxtLink></li> <li><NuxtLink to="">合作案例</NuxtLink></li>
<li><NuxtLink to="">服务流程</NuxtLink></li> <li><NuxtLink to="">服务流程</NuxtLink></li>
<li><NuxtLink to="/about">关于秦安</NuxtLink></li> <li><NuxtLink to="/about">关于秦安</NuxtLink></li>

7
nuxt-demo/app/pages/about/index.vue
View File

@ -568,6 +568,13 @@ const modules = [Autoplay, Pagination, Navigation];
border-radius: 4px; border-radius: 4px;
align-items: center; align-items: center;
justify-content: space-around; justify-content: space-around;
transition: box-shadow 0.5s ease;
cursor: default;
&:hover{
box-shadow: 0 8px 30px rgba(45, 104, 255, 0.15);
}
.left{ .left{
.list{ .list{

189
nuxt-demo/app/pages/new/index.vue Normal file
View File

@ -0,0 +1,189 @@
<template>
<div class="container">
<AppHead/>
<div class="banner">
<div class="banner_main">
<h2>新闻中心</h2>
<p>安全第一 预防为主 综合治理</p>
</div>
</div>
<div class="new_container">
<div class="top">
<div class="wrap">
<div class="list active">全部</div>
<div class="list">安全要闻</div>
<div class="list">政府发文</div>
</div>
</div>
<div class="new_main">
<div class="wrap">
<div class="item">
<div class="img">
<img src="@/assets/images/img2.png" alt=""/>
</div>
<div class="info">
<div class="title">喜报·我司荣获2025“数据要素X”大赛河北分赛三等奖</div>
<div class="text">4月10日，2025年“数据要素X”大赛启动仪式在雄安新区成功举办。 河北秦安安全科技股份有限公司申报的“危化智融-多模态智能风险管控决策平台”项目，针对危化行业长期存在的“数据割裂、响应延迟、决策偏差”三大核心痛点，构建了多模型融合的安全生产决策体系。</div>
<div class="time"><img src="@/assets/images/time.png" alt="河北秦安安全科技股份有限公司"/> <span>2026-10-19</span> </div>
</div>
</div>
</div>
<div class="wrap">
<div class="item">
<div class="img">
<img src="@/assets/images/img2.png" alt=""/>
</div>
<div class="info">
<div class="title">喜报·我司荣获2025“数据要素X”大赛河北分赛三等奖</div>
<div class="text">4月10日，2025年“数据要素X”大赛启动仪式在雄安新区成功举办。 河北秦安安全科技股份有限公司申报的“危化智融-多模态智能风险管控决策平台”项目，针对危化行业长期存在的“数据割裂、响应延迟、决策偏差”三大核心痛点，构建了多模型融合的安全生产决策体系。</div>
<div class="time"><img src="@/assets/images/time.png" alt="河北秦安安全科技股份有限公司"/> <span>2026-10-19</span> </div>
</div>
</div>
</div>
<div class="wrap">
<div class="item">
<div class="img">
<img src="@/assets/images/img2.png" alt=""/>
</div>
<div class="info">
<div class="title">喜报·我司荣获2025“数据要素X”大赛河北分赛三等奖</div>
<div class="text">4月10日，2025年“数据要素X”大赛启动仪式在雄安新区成功举办。 河北秦安安全科技股份有限公司申报的“危化智融-多模态智能风险管控决策平台”项目，针对危化行业长期存在的“数据割裂、响应延迟、决策偏差”三大核心痛点，构建了多模型融合的安全生产决策体系。</div>
<div class="time"><img src="@/assets/images/time.png" alt="河北秦安安全科技股份有限公司"/> <span>2026-10-19</span> </div>
</div>
</div>
</div>
<div class="wrap">
<div class="item">
<div class="img">
<img src="@/assets/images/img2.png" alt=""/>
</div>
<div class="info">
<div class="title">喜报·我司荣获2025“数据要素X”大赛河北分赛三等奖</div>
<div class="text">4月10日，2025年“数据要素X”大赛启动仪式在雄安新区成功举办。 河北秦安安全科技股份有限公司申报的“危化智融-多模态智能风险管控决策平台”项目，针对危化行业长期存在的“数据割裂、响应延迟、决策偏差”三大核心痛点，构建了多模型融合的安全生产决策体系。</div>
<div class="time"><img src="@/assets/images/time.png" alt="河北秦安安全科技股份有限公司"/> <span>2026-10-19</span> </div>
</div>
</div>
</div>
</div>
</div>
<AppFoot/>
</div>
</template>
<script setup lang="ts">
</script>
<style scoped lang="scss">
.container {
background: #f6f8fa;
.banner {
width: 100%;
height: 494px;
background: url("@/assets/images/newbanner.png") no-repeat top center;
.banner_main {
width: 1400px;
margin: 0 auto;
padding-top: 230px;
h2 {
font-size: 60px;
color: #ffffff;
margin: 0;
padding: 0;
}
p {
margin: 0;
color: #ffffff;
}
}
}
.new_container {
width: 100%;
.top {
width: 100%;
height: 60px;
background: #ffffff;
.wrap {
width: 1400px;
margin: 0 auto;
display: flex;
.list {
font-size: 16px;
line-height: 60px;
cursor: pointer;
position: relative;
margin-right: 40px;
&.active {
color: #006aff;
&:before {
opacity: 1;
}
}
&:before {
content: "";
position: absolute;
left: 0;
bottom: 0;
border-bottom: 3px solid #006aff;
width: 100%;
opacity: 0;
}
&:hover {
color: #006aff;
&:before {
opacity: 1;
}
}
}
}
}
.new_main{
width: 1400px;
margin: 20px auto;
.wrap{
width: 100%;
background: #ffffff;
padding: 20px;
border-radius: 4px;
margin-bottom: 20px;
.item{
display: flex;
.info{
padding-left: 20px;
.title{
font-size: 18px;
color: #222222;
}
.text{
font-size: 14px;
color: #696969;
margin-top: 20px;
}
.time{
color: #999999;
margin-top: 10px;
display: flex;
align-items: center;
span{
padding-left: 5px;
}
}
}
}
&:hover{
box-shadow: 0 8px 30px rgba(45, 104, 255, 0.15)
}
}
}
}
}
</style>