|
|
|
@@ -15,11 +15,15 @@ |
|
|
|
<div class="index_info"> |
|
|
|
<div class="title"></div> |
|
|
|
<div class="nav_list"> |
|
|
|
<div class="nav_list_box"> |
|
|
|
<router-link :to="{name:'sunVillageInfoListFinance',query:{type:'code'}}" class="nav_item n_1">财务公开榜</router-link> |
|
|
|
<router-link :to="{name:'sunVillageInfoListTourists',query:{type:'code'}}" class="nav_item n_2">零工公开榜</router-link> |
|
|
|
<router-link :to="{name:'sunVillageInfoListIssues',query:{type:'code'}}" class="nav_item n_3">重大事项公开</router-link> |
|
|
|
</div> |
|
|
|
<router-link :to="{name:'sunVillageInfoListFinance',query:{type:'code'}}" class="nav_item n1"> |
|
|
|
<img src="../../assets/images/sunVillage_info/index_code_btn_1.png"> |
|
|
|
</router-link> |
|
|
|
<router-link :to="{name:'sunVillageInfoListTourists',query:{type:'code'}}" class="nav_item n2"> |
|
|
|
<img src="../../assets/images/sunVillage_info/index_code_btn_2.png"> |
|
|
|
</router-link> |
|
|
|
<router-link :to="{name:'sunVillageInfoListIssues',query:{type:'code'}}" class="nav_item n3"> |
|
|
|
<img src="../../assets/images/sunVillage_info/index_code_btn_3.png"> |
|
|
|
</router-link> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="footer"> |
|
|
|
@@ -167,17 +171,12 @@ |
|
|
|
} |
|
|
|
.nav_list{ |
|
|
|
margin-top: 6vh; |
|
|
|
padding:0 38px; |
|
|
|
.nav_list_box{ |
|
|
|
display: flex; |
|
|
|
flex-flow: wrap; |
|
|
|
box-shadow: 0px 0px 18px rgba(63,68,75,0.2); |
|
|
|
margin-bottom: 40PX; |
|
|
|
padding: 20PX 0; |
|
|
|
border-radius: 15PX; |
|
|
|
} |
|
|
|
padding:0 30px; |
|
|
|
display: flex; |
|
|
|
flex-flow: wrap; |
|
|
|
margin-bottom: 40PX; |
|
|
|
.nav_item{ |
|
|
|
width: 25%; |
|
|
|
width: calc(50% - 10px); |
|
|
|
/*height: 180px;*/ |
|
|
|
border-radius: 30px; |
|
|
|
font-size: 24px; |
|
|
|
@@ -186,7 +185,16 @@ |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
justify-content: center; |
|
|
|
padding-top: 100px; |
|
|
|
img{ |
|
|
|
width: 100%; |
|
|
|
} |
|
|
|
&.n1{ |
|
|
|
margin-bottom: 20px; |
|
|
|
} |
|
|
|
&.n2{ |
|
|
|
margin-left: 20px; |
|
|
|
margin-bottom: 20px; |
|
|
|
} |
|
|
|
&.n_1{ |
|
|
|
background: url('../../assets/images/sunVillage_info/index_block_01.png') no-repeat center top; |
|
|
|
background-size: 50%; |
|
|
|
|
