hookehuyr

fix 新闻列表项,more高度保持一致

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;
......