Skip to content

R
RC_officialWebsite
Commit 71eef025 authored by 冷玲鹏's avatar 冷玲鹏
Browse files
Options

样式修改

parent d5e8a816
Show whitespace changes
Inline Side-by-side
Showing with 57 additions and 30 deletions
src/components/Index/index.vue
View file @ 71eef025
...@@ -3,7 +3,7 @@ ...@@ -3,7 +3,7 @@
<div class="container1"> <div class="container1">
<div style="background-color: #F4F7FC;"> <div style="background-color: #F4F7FC;">
<div class="swiper"> <div class="swiper">
<el-carousel :interval="5000" class="swiper_carousel" > <el-carousel :interval="5000" class="swiper_carousel">
<el-carousel-item v-for="item in imgList" :key="item.id" class="swiper_carousel"> <el-carousel-item v-for="item in imgList" :key="item.id" class="swiper_carousel">
<img class="carouselImg" :src="item.url"> <img class="carouselImg" :src="item.url">
</el-carousel-item> </el-carousel-item>
...@@ -25,7 +25,10 @@ ...@@ -25,7 +25,10 @@
<span class="module-one-card-title2">提高效率，加速数字化转型，最终提升用户体验</span> <span class="module-one-card-title2">提高效率，加速数字化转型，最终提升用户体验</span>
</div> </div>
</div> </div>
<div class="module-one-card-title"> <hr class="line" style="background-color:#DEEDFF;">
</div>
<div class="inner1">
<div>
<div> <div>
<div> <div>
<span class="module-one-card-title3">技术创新</span> <span class="module-one-card-title3">技术创新</span>
...@@ -34,9 +37,9 @@ ...@@ -34,9 +37,9 @@
<span class="module-one-card-title4">引入先进的技术，不断提升软件产品的技术水平</span> <span class="module-one-card-title4">引入先进的技术，不断提升软件产品的技术水平</span>
</div> </div>
<div class="module-one-title2"> <div class="module-one-title2">
<el-tag class="module-one-title3" style="color: #317BD2;background-color: #F5F9FF">新型技术 <el-tag class="module-one-title3" style="color: #317BD2;background-color: #F5F9FF;border: 0 solid transparent;">新型技术
</el-tag> </el-tag>
<el-tag style=" color: #317BD2;background-color: #F5F9FF">技术提升</el-tag> <el-tag style=" color: #317BD2;background-color: #F5F9FF;border: 0 solid transparent;">技术提升</el-tag>
</div> </div>
</div> </div>
<div class="module-one-title4"> <div class="module-one-title4">
...@@ -47,9 +50,9 @@ ...@@ -47,9 +50,9 @@
<span class="module-one-card-title4">注重用户体验的创新是软件产品成功的关键</span> <span class="module-one-card-title4">注重用户体验的创新是软件产品成功的关键</span>
</div> </div>
<div class="module-one-title2"> <div class="module-one-title2">
<el-tag class="module-one-title3" style="color: #317BD2;background-color: #F5F9FF">深度了解需求 <el-tag class="module-one-title3" style="color: #317BD2;background-color: #F5F9FF;border: 0 solid transparent;">深度了解需求
</el-tag> </el-tag>
<el-tag style="color: #317BD2;background-color: #F5F9FF">简介易用</el-tag> <el-tag style="color: #317BD2;background-color: #F5F9FF;border: 0 solid transparent;">简介易用</el-tag>
</div> </div>
</div> </div>
<div class="module-one-title4"> <div class="module-one-title4">
...@@ -60,9 +63,9 @@ ...@@ -60,9 +63,9 @@
<span class="module-one-card-title4">与政府部门多次合作并得到了满意的评价</span> <span class="module-one-card-title4">与政府部门多次合作并得到了满意的评价</span>
</div> </div>
<div class="module-one-title2"> <div class="module-one-title2">
<el-tag class="module-one-title3" style=" color: #317BD2;background-color: #F5F9FF">打造生态系统 <el-tag class="module-one-title3" style=" color: #317BD2;background-color: #F5F9FF;border: 0 solid transparent;">打造生态系统
</el-tag> </el-tag>
<el-tag style=" color: #317BD2;background-color: #F5F9FF">实现互利共赢</el-tag> <el-tag style=" color: #317BD2;background-color: #F5F9FF;border: 0 solid transparent;">实现互利共赢</el-tag>
</div> </div>
</div> </div>
</div> </div>
...@@ -80,7 +83,10 @@ ...@@ -80,7 +83,10 @@
<span class="module-one-card-title2">利用数据模型来优化业务流程、提高决策质量</span> <span class="module-one-card-title2">利用数据模型来优化业务流程、提高决策质量</span>
</div> </div>
</div> </div>
<div class="module-one-card-title"> <hr class="line" style="background-color:#E9E6F2;">
</div>
<div class="inner1">
<div>
<div> <div>
<div> <div>
<span class="module-one-card-title3">数据收集与整合</span> <span class="module-one-card-title3">数据收集与整合</span>
...@@ -89,9 +95,9 @@ ...@@ -89,9 +95,9 @@
<span class="module-one-card-title4">建立数据收集机制，确保数据的准确性和完整性</span> <span class="module-one-card-title4">建立数据收集机制，确保数据的准确性和完整性</span>
</div> </div>
<div class="module-one-title2"> <div class="module-one-title2">
<el-tag class="module-one-title3" style=" color: #5432D8;background-color: #F5F9FF">准确性 <el-tag class="module-one-title3" style=" color: #5432D8;background-color: #FAF8FD; border: 0 solid transparent;">准确性
</el-tag> </el-tag>
<el-tag style=" color: #5432D8;background-color: #F5F9FF">完整性</el-tag> <el-tag style=" color: #5432D8;background-color: #FAF8FD;border: 0 solid transparent;">完整性</el-tag>
</div> </div>
</div> </div>
<div class="module-one-title4"> <div class="module-one-title4">
...@@ -102,9 +108,9 @@ ...@@ -102,9 +108,9 @@
<span class="module-one-card-title4">对整合后的数据进行深入分析，提取有价值的信息</span> <span class="module-one-card-title4">对整合后的数据进行深入分析，提取有价值的信息</span>
</div> </div>
<div class="module-one-title2"> <div class="module-one-title2">
<el-tag class="module-one-title3" style="color: #5432D8;background-color: #F5F9FF">数据分析 <el-tag class="module-one-title3" style="color: #5432D8;background-color: #FAF8FD;border: 0 solid transparent;">数据分析
</el-tag> </el-tag>
<el-tag style=" color: #5432D8;background-color: #F5F9FF">挖掘技术</el-tag> <el-tag style=" color: #5432D8;background-color:#FAF8FD;border: 0 solid transparent;">挖掘技术</el-tag>
</div> </div>
</div> </div>
<div class="module-one-title4"> <div class="module-one-title4">
...@@ -115,9 +121,9 @@ ...@@ -115,9 +121,9 @@
<span class="module-one-card-title4">根据数据分析的结果，制定相应的决策和行动计划</span> <span class="module-one-card-title4">根据数据分析的结果，制定相应的决策和行动计划</span>
</div> </div>
<div class="module-one-title2"> <div class="module-one-title2">
<el-tag class="module-one-title3" style="color: #5432D8;background-color: #F5F9FF">确保决策 <el-tag class="module-one-title3" style="color: #5432D8;background-color: #FAF8FD;border: 0 solid transparent;">确保决策
</el-tag> </el-tag>
<el-tag style="color: #5432D8;background-color: #F5F9FF">科学有效性</el-tag> <el-tag style="color: #5432D8;background-color: #FAF8FD;border: 0 solid transparent;">科学有效性</el-tag>
</div> </div>
</div> </div>
</div> </div>
...@@ -135,7 +141,10 @@ ...@@ -135,7 +141,10 @@
<span class="module-one-card-title2">提通过迭代应对需求，实现持续的产品价值交付</span> <span class="module-one-card-title2">提通过迭代应对需求，实现持续的产品价值交付</span>
</div> </div>
</div> </div>
<div class="module-one-card-title"> <hr class="line" style="background-color:#D6F1F2;">
</div>
<div class="inner1">
<div>
<div> <div>
<div> <div>
<span class="module-one-card-title3">建立敏捷团队</span> <span class="module-one-card-title3">建立敏捷团队</span>
...@@ -144,9 +153,9 @@ ...@@ -144,9 +153,9 @@
<span class="module-one-card-title4">拥有一个具备跨职能能力的敏捷团队，</span> <span class="module-one-card-title4">拥有一个具备跨职能能力的敏捷团队，</span>
</div> </div>
<div class="module-one-title2"> <div class="module-one-title2">
<el-tag class="module-one-title3" style="color: #31B0CC;background-color: #F5F9FF">良好的沟通能力 <el-tag class="module-one-title3" style="color: #31B0CC;background-color: #F6FDFF;border: 0 solid transparent;">良好的沟通能力
</el-tag> </el-tag>
<el-tag style=" color: #31B0CC;background-color: #F5F9FF">协作精神</el-tag> <el-tag style=" color: #31B0CC;background-color:#F6FDFF;border: 0 solid transparent;">协作精神</el-tag>
</div> </div>
</div> </div>
<div class="module-one-title4"> <div class="module-one-title4">
...@@ -157,9 +166,9 @@ ...@@ -157,9 +166,9 @@
<span class="module-one-card-title4">适合项目的敏捷开发方法，有助于高效地迭代开发</span> <span class="module-one-card-title4">适合项目的敏捷开发方法，有助于高效地迭代开发</span>
</div> </div>
<div class="module-one-title2"> <div class="module-one-title2">
<el-tag class="module-one-title3" style=" color: #31B0CC;background-color: #F5F9FF">Scrum <el-tag class="module-one-title3" style=" color: #31B0CC;background-color:#F6FDFF;border: 0 solid transparent;">Scrum
</el-tag> </el-tag>
<el-tag style=" color: #31B0CC;background-color: #F5F9FF">Kanban</el-tag> <el-tag style=" color: #31B0CC;background-color: #F6FDFF;border: 0 solid transparent;">Kanban</el-tag>
</div> </div>
</div> </div>
<div class="module-one-title4"> <div class="module-one-title4">
...@@ -170,9 +179,9 @@ ...@@ -170,9 +179,9 @@
<span class="module-one-card-title4">每个迭代结束后，进行迭代回顾和总结</span> <span class="module-one-card-title4">每个迭代结束后，进行迭代回顾和总结</span>
</div> </div>
<div class="module-one-title2"> <div class="module-one-title2">
<el-tag class="module-one-title3" style=" color:#31B0CC;background-color: #F5F9FF">回顾总结 <el-tag class="module-one-title3" style=" color:#31B0CC;background-color: #F6FDFF;border: 0 solid transparent;">回顾总结
</el-tag> </el-tag>
<el-tag style=" color: #31B0CC;background-color: #F5F9FF">持续改进</el-tag> <el-tag style=" color: #31B0CC;background-color: #F6FDFF;border: 0 solid transparent;">持续改进</el-tag>
</div> </div>
</div> </div>
</div> </div>
...@@ -392,19 +401,22 @@ export default { ...@@ -392,19 +401,22 @@ export default {
} }
.container1 { .container1 {
//width: 1920px //width: 1920px
} }
.swiper { .swiper {
height: 680px; height: 680px;
} }
::v-deep .el-carousel__container{
height: 100%!important; ::v-deep .el-carousel__container {
height: 100% !important;
} }
.carouselImg{
.carouselImg {
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
.swiper_carousel { .swiper_carousel {
height: 680px; height: 680px;
} }
...@@ -518,16 +530,20 @@ export default { ...@@ -518,16 +530,20 @@ export default {
height: 106px; height: 106px;
border-radius: 20px; border-radius: 20px;
} }
.inner { .inner {
position: absolute; position: absolute;
top: 23px; top: 23px;
left: 26px; left: 26px;
} }
.inner1 {
margin-top: 83px;
position: absolute;
top: 57px;
left: 30px;
}
.module-one-card-title { .module-one-card-title {
height: 394px; height: 394px;
margin-top: 28px; margin-top: 57px;
} }
.module-one-title { .module-one-title {
...@@ -548,7 +564,7 @@ export default { ...@@ -548,7 +564,7 @@ export default {
} }
.module-one-title4 { .module-one-title4 {
margin-top: 28px; margin-top: 32px;
} }
.module-one-card-title1 { .module-one-card-title1 {
...@@ -578,6 +594,11 @@ export default { ...@@ -578,6 +594,11 @@ export default {
font-size: 18px; font-size: 18px;
letter-spacing: 0; letter-spacing: 0;
color: #050A14; color: #050A14;
margin-top: 28px;
}
.module-one-card-title3-top {
margin-top: 28px;
} }
.module-one-card-title4 { .module-one-card-title4 {
...@@ -1099,4 +1120,10 @@ export default { ...@@ -1099,4 +1120,10 @@ export default {
width: 210px; width: 210px;
height: 68px height: 68px
} }
.line {
border: 0;
height: 1px;
width: 340px;
margin: 32px 0; /* 调整线条与其他元素之间的间距 */
}
</style> </style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment