Fix:2490 【商城小程序】我的收藏—千县的收藏数据只有一个时,没有靠左排列显示

This commit is contained in:
linxi
2024-10-21 14:21:43 +08:00
parent 0d0ac8d883
commit ff5dbae3a4
+19 -11
View File
@@ -799,28 +799,35 @@ export default {
} }
} }
.county-list-wrap { .county-list-wrap {
display: flex; // display: flex;
flex-wrap: wrap; // flex-wrap: wrap;
// width: 710rpx; // // width: 710rpx;
justify-content: center; // justify-content: flex-start;
margin: 0 auto; display: grid;
grid-template-columns: 1fr 1fr;
margin: 0 32rpx;
background-color: #f5f5f5; background-color: #f5f5f5;
grid-column-gap: 10px;
grid-row-gap: 10px;
.county-item { .county-item {
width: 344rpx; // width: 320rpx;
height: 440rpx; height: 440rpx;
padding: 12rpx; padding: 12rpx;
margin: 0 22rpx 22rpx 0; // margin: 0 22rpx 22rpx 0;
box-sizing: border-box; box-sizing: border-box;
border-radius: 16rpx; border-radius: 16rpx;
background-color: #fff; background-color: #fff;
&:nth-child(2n) { display: flex;
margin-right: 0; align-items: center;
} flex-direction: column;
// &:nth-child(2n) {
// margin-right: 0;
// }
.img-wrap { .img-wrap {
position: relative; position: relative;
.cover { .cover {
display: block; display: block;
width: 320rpx; width: 300rpx;
height: 280rpx; height: 280rpx;
border-radius: 16rpx; border-radius: 16rpx;
} }
@@ -832,6 +839,7 @@ export default {
} }
} }
.county-info { .county-info {
width: 100%;
.name { .name {
width: 100%; width: 100%;
padding: 10rpx 0 0 0; padding: 10rpx 0 0 0;