/* index.module.css */ | |
.container { | |
width: 100%; | |
height: 100%; | |
position: relative; /* 新增 */ | |
} | |
.up{ | |
width: 100%; | |
height: 50%; | |
position: relative; /* 新增 */ | |
top: 0%; | |
display: flex; | |
flex-direction: row; | |
border-radius: 8px; | |
} | |
.down{ | |
height:48%; | |
width:100%; | |
bottom:0%; | |
display:flex; | |
flex-direction:row; | |
} | |
.upright{ | |
width:25%; | |
} | |
.upleft{ | |
height:100%; | |
width:75%; | |
margin:5px; | |
display:flex; | |
flex-direction:column; | |
} | |
.upcontent{ | |
display:flex; | |
flex-direction: row; | |
width:100%; | |
height:100%; | |
} | |
.advertisements { | |
width:40%; | |
margin: 5px; | |
border-radius: 8px; | |
overflow: hidden; | |
} | |
.adImage { | |
width: 100%; | |
height: 99%; | |
object-fit: fill; | |
border-radius: 8px; | |
} | |
.hotPosts{ | |
width:60%; | |
margin:5px; | |
} | |
.selfStatus { | |
width: 100%; | |
height: 100%; | |
position: relative; /* 改为绝对定位 */ | |
border-radius: 8px; | |
} | |
.newPost, | |
.likePost, | |
.forsalePost { | |
flex:1; | |
margin:5px; | |
border-radius: 8px; | |
} |