Skip to content

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

样式修改

parent d5e8a816
Hide 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 @@
<div class="container1">
<div style="background-color: #F4F7FC;">
<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">
<img class="carouselImg" :src="item.url">
</el-carousel-item>
......@@ -25,7 +25,10 @@
<span class="module-one-card-title2">提高效率，加速数字化转型，最终提升用户体验</span>
</div>
</div>
<div class="module-one-card-title">
<hr class="line" style="background-color:#DEEDFF;">
</div>
<div class="inner1">
<div>
<div>
<div>
<span class="module-one-card-title3">技术创新</span>
......@@ -34,9 +37,9 @@
<span class="module-one-card-title4">引入先进的技术，不断提升软件产品的技术水平</span>
</div>
<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 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 class="module-one-title4">
......@@ -47,9 +50,9 @@
<span class="module-one-card-title4">注重用户体验的创新是软件产品成功的关键</span>
</div>
<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 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 class="module-one-title4">
......@@ -60,9 +63,9 @@
<span class="module-one-card-title4">与政府部门多次合作并得到了满意的评价</span>
</div>
<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 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>
......@@ -80,7 +83,10 @@
<span class="module-one-card-title2">利用数据模型来优化业务流程、提高决策质量</span>
</div>
</div>
<div class="module-one-card-title">
<hr class="line" style="background-color:#E9E6F2;">
</div>
<div class="inner1">
<div>
<div>
<div>
<span class="module-one-card-title3">数据收集与整合</span>
......@@ -89,9 +95,9 @@
<span class="module-one-card-title4">建立数据收集机制，确保数据的准确性和完整性</span>
</div>
<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 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 class="module-one-title4">
......@@ -102,9 +108,9 @@
<span class="module-one-card-title4">对整合后的数据进行深入分析，提取有价值的信息</span>
</div>
<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 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 class="module-one-title4">
......@@ -115,9 +121,9 @@
<span class="module-one-card-title4">根据数据分析的结果，制定相应的决策和行动计划</span>
</div>
<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 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>
......@@ -135,7 +141,10 @@
<span class="module-one-card-title2">提通过迭代应对需求，实现持续的产品价值交付</span>
</div>
</div>
<div class="module-one-card-title">
<hr class="line" style="background-color:#D6F1F2;">
</div>
<div class="inner1">
<div>
<div>
<div>
<span class="module-one-card-title3">建立敏捷团队</span>
......@@ -144,9 +153,9 @@
<span class="module-one-card-title4">拥有一个具备跨职能能力的敏捷团队，</span>
</div>
<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 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 class="module-one-title4">
......@@ -157,9 +166,9 @@
<span class="module-one-card-title4">适合项目的敏捷开发方法，有助于高效地迭代开发</span>
</div>
<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 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 class="module-one-title4">
......@@ -170,9 +179,9 @@
<span class="module-one-card-title4">每个迭代结束后，进行迭代回顾和总结</span>
</div>
<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 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>
......@@ -392,19 +401,22 @@ export default {
}
.container1 {
//width: 1920px
//width: 1920px
}
.swiper {
height: 680px;
}
::v-deep .el-carousel__container{
height: 100%!important;
::v-deep .el-carousel__container {
height: 100% !important;
}
.carouselImg{
.carouselImg {
width: 100%;
height: 100%;
}
.swiper_carousel {
height: 680px;
}
......@@ -518,16 +530,20 @@ export default {
height: 106px;
border-radius: 20px;
}
.inner {
position: absolute;
top: 23px;
left: 26px;
}
.inner1 {
margin-top: 83px;
position: absolute;
top: 57px;
left: 30px;
}
.module-one-card-title {
height: 394px;
margin-top: 28px;
margin-top: 57px;
}
.module-one-title {
......@@ -548,7 +564,7 @@ export default {
}
.module-one-title4 {
margin-top: 28px;
margin-top: 32px;
}
.module-one-card-title1 {
......@@ -578,6 +594,11 @@ export default {
font-size: 18px;
letter-spacing: 0;
color: #050A14;
margin-top: 28px;
}
.module-one-card-title3-top {
margin-top: 28px;
}
.module-one-card-title4 {
......@@ -1099,4 +1120,10 @@ export default {
width: 210px;
height: 68px
}
.line {
border: 0;
height: 1px;
width: 340px;
margin: 32px 0; /* 调整线条与其他元素之间的间距 */
}
</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