| San3yuan | 03ab064 | 2025-04-29 18:00:25 +0800 | [diff] [blame^] | 1 | /* index.module.css */ |
| 2 | .container { |
| 3 | width: 100%; |
| 4 | height: 100%; |
| 5 | position: relative; /* 新增 */ |
| San3yuan | 6f2ed69 | 2025-04-16 20:24:49 +0800 | [diff] [blame] | 6 | } |
| San3yuan | 03ab064 | 2025-04-29 18:00:25 +0800 | [diff] [blame^] | 7 | .up{ |
| 8 | width: 100%; |
| 9 | height: 50%; |
| 10 | position: relative; /* 新增 */ |
| 11 | top: 0%; |
| 12 | display: flex; |
| 13 | flex-direction: row; |
| 14 | border-radius: 8px; |
| 15 | } |
| 16 | |
| 17 | .down{ |
| 18 | height:48%; |
| 19 | width:100%; |
| 20 | bottom:0%; |
| 21 | display:flex; |
| 22 | flex-direction:row; |
| 23 | } |
| 24 | |
| 25 | |
| 26 | .upright{ |
| 27 | width:25%; |
| 28 | } |
| 29 | .upleft{ |
| 30 | height:100%; |
| 31 | width:75%; |
| 32 | margin:5px; |
| 33 | display:flex; |
| 34 | flex-direction:column; |
| 35 | } |
| 36 | |
| 37 | .upcontent{ |
| 38 | display:flex; |
| 39 | flex-direction: row; |
| San3yuan | 6f2ed69 | 2025-04-16 20:24:49 +0800 | [diff] [blame] | 40 | width:100%; |
| 41 | height:100%; |
| San3yuan | 03ab064 | 2025-04-29 18:00:25 +0800 | [diff] [blame^] | 42 | } |
| 43 | |
| 44 | .advertisements { |
| 45 | width:40%; |
| 46 | margin: 5px; |
| 47 | border-radius: 8px; |
| 48 | overflow: hidden; |
| 49 | } |
| 50 | |
| 51 | .adImage { |
| 52 | width: 100%; |
| 53 | height: 99%; |
| 54 | object-fit: fill; |
| 55 | border-radius: 8px; |
| 56 | } |
| 57 | |
| 58 | |
| 59 | .hotPosts{ |
| 60 | width:60%; |
| 61 | margin:5px; |
| 62 | } |
| 63 | |
| 64 | |
| 65 | .selfStatus { |
| 66 | width: 100%; |
| 67 | height: 100%; |
| 68 | position: relative; /* 改为绝对定位 */ |
| 69 | |
| 70 | border-radius: 8px; |
| 71 | } |
| 72 | |
| 73 | .newPost, |
| 74 | .likePost, |
| 75 | .forsalePost { |
| 76 | |
| 77 | flex:1; |
| 78 | margin:5px; |
| 79 | border-radius: 8px; |
| San3yuan | 6f2ed69 | 2025-04-16 20:24:49 +0800 | [diff] [blame] | 80 | } |