| /* 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; |
| } |