| @@ -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'); | ||||
| @@ -279,7 +279,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; | ||||
| @@ -301,6 +301,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; | ||||
| @@ -336,7 +337,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; | ||||
| @@ -392,19 +392,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; | ||||
| } | } | ||||
| } | } | ||||