odjbin/sist_web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

邓洁 commit : bottom区修改样式

Browse Source
This commit is contained in:
clay
2022-10-05 20:32:17 +08:00
parent 2861dcbd9c
commit fdcf0c7cf5
14 changed files with 51 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

74
src/views/index/components/bottom.vue
View File

@@ -59,7 +59,7 @@
</tr>
<tr>
<td>
<div class="right sex">
<div class="right six">
<div class="table_tr_left">{{ $t('message.major_projects') }}</div>
<div class="table_tr_right">{{data.majorProjects}}个</div>
</div>
@@ -145,7 +145,7 @@ export default {
height: 6.8rem;
clear: left;
position: relative;
color: #FFFFFF;
.table_tr_left {
position: absolute;
@@ -167,34 +167,58 @@ export default {
}
.one {
background-image: url("../../../assets/index/bottom/sy_icon_zxxs.png");
}
.tow {
margin-left: 6rem;
background-image: url("../../../assets/index/bottom/sy_icon_yjs.png");
}
.three {
margin-left: 12rem;
background-image: url("../../../assets/index/bottom/sy_icon_kytd.png");
}
.fourth {
margin-left: 18rem;
background-image: url("../../../assets/index/bottom/sy_icon_gccrc.png");
}
.five {
margin-left: 12rem;
color: #FFFFFF;
background-image: url("../../../assets/index/bottom/sy_icon_gzrs.png");
}
.sex {
.one:hover{
background-image: url("../../../assets/index/bottom/sy_icon_gzrs1.png");
color:#2E67C8;
}
.tow {
color: #FFFFFF;
margin-left: 6rem;
background-image: url("../../../assets/index/bottom/sy_icon_zxxs.png");
}
.tow:hover {
background-image: url("../../../assets/index/bottom/sy_icon_zxxs2.png");
color:#2E67C8;
}
.three {
color: #FFFFFF;
margin-left: 12rem;
background-image: url("../../../assets/index/bottom/sy_icon_yjs.png");
}
.three:hover {
background-image: url("../../../assets/index/bottom/sy_icon_yjs3.png");
color:#2E67C8;
}
.fourth {
color: #FFFFFF;
margin-left: 18rem;
background-image: url("../../../assets/index/bottom/sy_icon_kytd.png");
}
.fourth:hover {
background-image: url("../../../assets/index/bottom/sy_icon_kytd4.png");
color:#2E67C8;
}
.five {
color: #FFFFFF;
margin-left: 12rem;
background-image: url("../../../assets/index/bottom/sy_icon_gccrc.png");
}
.five:hover {
background-image: url("../../../assets/index/bottom/sy_icon_gccrc5.png");
color:#2E67C8;
}
.six {
color: #FFFFFF;
margin-left: 6rem;
background-image: url("../../../assets/index/bottom/sy_icon_zdxm.png");
}
.six:hover{
background-image: url("../../../assets/index/bottom/sy_icon_zdxm6.png");
color:#2E67C8;
}
}
}