chutingting 1 год назад
Родитель
Сommit
3a918cc9a8
4 измененных файлов: 24 добавлений и 22 удалений
  1. +5
    -5
      src/views/article/details.vue
  2. +5
    -5
      src/views/article/list.vue
  3. +6
    -5
      src/views/information/index.vue
  4. +8
    -7
      src/views/metadaily/index.vue

+ 5
- 5
src/views/article/details.vue Просмотреть файл

@@ -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; /* 调整这些值来改变显示的部分 */


+ 5
- 5
src/views/article/list.vue Просмотреть файл

@@ -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');


+ 6
- 5
src/views/information/index.vue Просмотреть файл

@@ -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;
} }
} }


+ 8
- 7
src/views/metadaily/index.vue Просмотреть файл

@@ -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;
} }
} }


Загрузка…
Отмена
Сохранить