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