Showing
1 changed file
with
7 additions
and
2 deletions
| 1 | <!-- | 1 | <!-- |
| 2 | * @Date: 2024-10-18 12:05:44 | 2 | * @Date: 2024-10-18 12:05:44 |
| 3 | * @LastEditors: hookehuyr hookehuyr@gmail.com | 3 | * @LastEditors: hookehuyr hookehuyr@gmail.com |
| 4 | - * @LastEditTime: 2024-11-11 11:25:17 | 4 | + * @LastEditTime: 2024-12-03 16:26:23 |
| 5 | * @FilePath: /hager/src/views/news/index.vue | 5 | * @FilePath: /hager/src/views/news/index.vue |
| 6 | * @Description: 文件描述 | 6 | * @Description: 文件描述 |
| 7 | --> | 7 | --> |
| ... | @@ -140,6 +140,8 @@ export default { | ... | @@ -140,6 +140,8 @@ export default { |
| 140 | overflow: hidden; | 140 | overflow: hidden; |
| 141 | background-color: #fff; | 141 | background-color: #fff; |
| 142 | transition: transform 0.25s ease-in-out; | 142 | transition: transform 0.25s ease-in-out; |
| 143 | + | ||
| 144 | + position: relative; | ||
| 143 | &:hover { | 145 | &:hover { |
| 144 | transform: scale(1.01); | 146 | transform: scale(1.01); |
| 145 | box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); | 147 | box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); |
| ... | @@ -183,6 +185,7 @@ export default { | ... | @@ -183,6 +185,7 @@ export default { |
| 183 | line-height: 1.5em; | 185 | line-height: 1.5em; |
| 184 | overflow: hidden; | 186 | overflow: hidden; |
| 185 | word-break: break-word; | 187 | word-break: break-word; |
| 188 | + margin-bottom: 3rem; | ||
| 186 | &.xs { | 189 | &.xs { |
| 187 | margin: 0.85rem 0 0 0; | 190 | margin: 0.85rem 0 0 0; |
| 188 | } | 191 | } |
| ... | @@ -196,7 +199,9 @@ export default { | ... | @@ -196,7 +199,9 @@ export default { |
| 196 | text-align: center; | 199 | text-align: center; |
| 197 | font-size: 0.8rem; | 200 | font-size: 0.8rem; |
| 198 | transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out; | 201 | transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out; |
| 199 | - margin-top: 3rem; | 202 | + // margin-top: 3rem; |
| 203 | + position: absolute; | ||
| 204 | + bottom: 1rem; | ||
| 200 | &:hover { | 205 | &:hover { |
| 201 | color: #FFF; | 206 | color: #FFF; |
| 202 | background-color: #F56400; | 207 | background-color: #F56400; | ... | ... |
-
Please register or login to post a comment