diff --git a/ruoyi-ui/src/views/home.vue b/ruoyi-ui/src/views/home.vue index 22d87b8..33f7eab 100644 --- a/ruoyi-ui/src/views/home.vue +++ b/ruoyi-ui/src/views/home.vue @@ -878,8 +878,7 @@ export default { position: absolute; top: 0; left: 0; - box-sizing: border-box; - padding: 15px; + overflow: hidden; } @@ -888,7 +887,6 @@ export default { .news11 .news11-list .news11-list-item { width: 24%; height: 324px; - border: 1px solid #eee; margin-bottom: 20px; position: relative; } @@ -896,6 +894,8 @@ export default { .news11 .news11-list .news11-list-item:hover>.backmo { width: 100%; height: 100%; + box-sizing: border-box; + padding: 15px; transition: background-color 0.5s; background-color: rgba(0, 0, 0, 0.46) !important; color: #fff; @@ -904,7 +904,9 @@ export default { .news11 .news11-list .news11-list-item .img { width: 100%; height: 194px; + border-radius: 10px ; overflow: hidden; + margin-bottom: 15px; } .news11 .news11-list .news11-list-item .img img { @@ -912,7 +914,7 @@ export default { } .news11 .news11-list .news11-list-item .tt { - padding: 20px; + line-height: 28px; font-size: 18px; overflow: hidden; @@ -932,7 +934,7 @@ export default { display: flex; justify-content: space-between; align-items: center; - padding: 0 20px; + } .news11 .news11-list .news11-list-item .tags .p {