diff --git a/src/views/secondHandCar/forSale.vue b/src/views/secondHandCar/forSale.vue index 1d5925e1..7f544e8c 100644 --- a/src/views/secondHandCar/forSale.vue +++ b/src/views/secondHandCar/forSale.vue @@ -379,6 +379,8 @@ export default { .swipeImg{ width: 100%; height: 100%; + object-fit: cover; /* 保持比例填充容器,裁剪多余部分 */ + object-position: center; /* 居中显示 */ } ::v-deep .el-carousel__button { height: 0.15rem !important; diff --git a/src/views/secondHandCar/indexList.vue b/src/views/secondHandCar/indexList.vue index 4dd8f3ac..13a0fe10 100644 --- a/src/views/secondHandCar/indexList.vue +++ b/src/views/secondHandCar/indexList.vue @@ -518,6 +518,10 @@ export default { letter-spacing: 5px; background-color: #6C81CD; } + .img { + object-fit: cover; /* 保持比例填充容器,裁剪多余部分 */ + object-position: center; /* 居中显示 */ + } } .right{ .title{