@@ -137,13 +137,13 @@ export default { | |||||
display: flex; | display: flex; | ||||
justify-content: center; | justify-content: center; | ||||
.content { | .content { | ||||
width: 70%; | |||||
width: 1200px; | |||||
margin: 50px 0 50px 0; | margin: 50px 0 50px 0; | ||||
display: flex; | display: flex; | ||||
justify-content: space-between; | justify-content: space-between; | ||||
.list { | .list { | ||||
padding: 10px; | |||||
width: 76%; | |||||
padding: 30px; | |||||
width: 820px; | |||||
background-color: #FFFFFF; | background-color: #FFFFFF; | ||||
.article { | .article { | ||||
display: flex; | display: flex; | ||||
@@ -190,14 +190,14 @@ export default { | |||||
} | } | ||||
} | } | ||||
.right { | .right { | ||||
width: 21%; | |||||
width: 300px; | |||||
display: flex; | display: flex; | ||||
justify-content: space-between; | justify-content: space-between; | ||||
flex-direction: column; | flex-direction: column; | ||||
.rtop, .rbottom { | .rtop, .rbottom { | ||||
background-color: #FFFFFF; | background-color: #FFFFFF; | ||||
height: 49%; | |||||
width: 100%; | width: 100%; | ||||
margin-bottom: 20px; | |||||
.title { | .title { | ||||
background-image: url('../../assets/airtlctl.png'); | background-image: url('../../assets/airtlctl.png'); | ||||
background-position: 0 0; /* 调整这些值来改变显示的部分 */ | background-position: 0 0; /* 调整这些值来改变显示的部分 */ | ||||
@@ -148,13 +148,13 @@ export default { | |||||
display: flex; | display: flex; | ||||
justify-content: center; | justify-content: center; | ||||
.content { | .content { | ||||
width: 70%; | |||||
width: 1200px; | |||||
margin: 50px 0 50px 0; | margin: 50px 0 50px 0; | ||||
display: flex; | display: flex; | ||||
justify-content: space-between; | justify-content: space-between; | ||||
.list { | .list { | ||||
padding: 10px; | |||||
width: 76%; | |||||
padding: 30px; | |||||
width: 820px; | |||||
background-color: #FFFFFF; | background-color: #FFFFFF; | ||||
.article { | .article { | ||||
display: flex; | display: flex; | ||||
@@ -201,13 +201,13 @@ export default { | |||||
} | } | ||||
} | } | ||||
.right { | .right { | ||||
width: 21%; | |||||
width: 300px; | |||||
display: flex; | display: flex; | ||||
justify-content: space-between; | justify-content: space-between; | ||||
flex-direction: column; | flex-direction: column; | ||||
.rtop, .rbottom { | .rtop, .rbottom { | ||||
background-color: #FFFFFF; | background-color: #FFFFFF; | ||||
height: 49%; | |||||
margin-bottom: 20px; | |||||
width: 100%; | width: 100%; | ||||
.title { | .title { | ||||
background-image: url('../../assets/airtlctl.png'); | background-image: url('../../assets/airtlctl.png'); | ||||
@@ -281,7 +281,7 @@ export default { | |||||
justify-content: center; | justify-content: center; | ||||
align-items: center; | align-items: center; | ||||
img { | img { | ||||
width: 90%; | |||||
width: 560px; | |||||
} | } | ||||
.newsTitle{ | .newsTitle{ | ||||
position: absolute; | position: absolute; | ||||
@@ -303,6 +303,7 @@ export default { | |||||
flex-direction: column; | flex-direction: column; | ||||
align-items: center; | align-items: center; | ||||
flex: 1; | flex: 1; | ||||
margin-left: 35px; | |||||
#htitle { | #htitle { | ||||
display: flex; | display: flex; | ||||
justify-content: space-between; | justify-content: space-between; | ||||
@@ -338,7 +339,6 @@ export default { | |||||
} | } | ||||
#hotList { | #hotList { | ||||
height: 76%; | height: 76%; | ||||
width: 90%; | |||||
display: flex; | display: flex; | ||||
flex-wrap: wrap; | flex-wrap: wrap; | ||||
justify-content: space-between; | justify-content: space-between; | ||||
@@ -394,19 +394,20 @@ export default { | |||||
display: flex; | display: flex; | ||||
justify-content: center; | justify-content: center; | ||||
align-items: center; | align-items: center; | ||||
margin-left: 20px; | |||||
img { | img { | ||||
width: 90%; | |||||
width: 560px; | |||||
} | } | ||||
.newsTitle{ | .newsTitle{ | ||||
position: absolute; | position: absolute; | ||||
bottom: 5%; | bottom: 5%; | ||||
left: 5%; | |||||
left: 0; | |||||
display: inline-block; | display: inline-block; | ||||
font-size: 18px; | font-size: 18px; | ||||
font-weight: bold; | font-weight: bold; | ||||
color: #FFFFFF; | color: #FFFFFF; | ||||
line-height: 48px; | line-height: 48px; | ||||
width: 90%; | |||||
width: 100%; | |||||
background-color: #0000007e; | background-color: #0000007e; | ||||
} | } | ||||
} | } | ||||
@@ -282,19 +282,19 @@ export default { | |||||
justify-content: center; | justify-content: center; | ||||
align-items: center; | align-items: center; | ||||
img { | img { | ||||
width: 90%; | |||||
width: 560px; | |||||
//height: 90%; | //height: 90%; | ||||
} | } | ||||
.newsTitle{ | .newsTitle{ | ||||
position: absolute; | position: absolute; | ||||
bottom: 5%; | bottom: 5%; | ||||
left: 5%; | |||||
left: 0; | |||||
display: inline-block; | display: inline-block; | ||||
font-size: 18px; | font-size: 18px; | ||||
font-weight: bold; | font-weight: bold; | ||||
color: #FFFFFF; | color: #FFFFFF; | ||||
line-height: 48px; | line-height: 48px; | ||||
width: 90%; | |||||
width: 100%; | |||||
background-color: #0000007e; | background-color: #0000007e; | ||||
} | } | ||||
} | } | ||||
@@ -305,6 +305,7 @@ export default { | |||||
flex-direction: column; | flex-direction: column; | ||||
align-items: center; | align-items: center; | ||||
flex: 1; | flex: 1; | ||||
margin-left: 35px; | |||||
#htitle { | #htitle { | ||||
display: flex; | display: flex; | ||||
justify-content: space-between; | justify-content: space-between; | ||||
@@ -341,7 +342,6 @@ export default { | |||||
#hotList { | #hotList { | ||||
//height: 90%; | //height: 90%; | ||||
height: 76%; | height: 76%; | ||||
width: 90%; | |||||
display: flex; | display: flex; | ||||
flex-wrap: wrap; | flex-wrap: wrap; | ||||
justify-content: space-between; | justify-content: space-between; | ||||
@@ -396,20 +396,21 @@ export default { | |||||
display: flex; | display: flex; | ||||
justify-content: center; | justify-content: center; | ||||
align-items: center; | align-items: center; | ||||
margin-left: 20px; | |||||
img { | img { | ||||
width: 90%; | |||||
width: 560px; | |||||
//height: 90%; | //height: 90%; | ||||
} | } | ||||
.newsTitle{ | .newsTitle{ | ||||
position: absolute; | position: absolute; | ||||
bottom: 5%; | bottom: 5%; | ||||
left: 5%; | |||||
left: 0; | |||||
display: inline-block; | display: inline-block; | ||||
font-size: 18px; | font-size: 18px; | ||||
font-weight: bold; | font-weight: bold; | ||||
color: #FFFFFF; | color: #FFFFFF; | ||||
line-height: 48px; | line-height: 48px; | ||||
width: 90%; | |||||
width: 100%; | |||||
background-color: #0000007e; | background-color: #0000007e; | ||||
} | } | ||||
} | } | ||||