diff --git a/pkg_user/views/myFavorite.vue b/pkg_user/views/myFavorite.vue index a72e70b..f287df5 100644 --- a/pkg_user/views/myFavorite.vue +++ b/pkg_user/views/myFavorite.vue @@ -799,28 +799,35 @@ export default { } } .county-list-wrap { - display: flex; - flex-wrap: wrap; - // width: 710rpx; - justify-content: center; - margin: 0 auto; + // display: flex; + // flex-wrap: wrap; + // // width: 710rpx; + // justify-content: flex-start; + display: grid; + grid-template-columns: 1fr 1fr; + margin: 0 32rpx; background-color: #f5f5f5; + grid-column-gap: 10px; + grid-row-gap: 10px; .county-item { - width: 344rpx; + // width: 320rpx; height: 440rpx; padding: 12rpx; - margin: 0 22rpx 22rpx 0; + // margin: 0 22rpx 22rpx 0; box-sizing: border-box; border-radius: 16rpx; background-color: #fff; - &:nth-child(2n) { - margin-right: 0; - } + display: flex; + align-items: center; + flex-direction: column; + // &:nth-child(2n) { + // margin-right: 0; + // } .img-wrap { position: relative; .cover { display: block; - width: 320rpx; + width: 300rpx; height: 280rpx; border-radius: 16rpx; } @@ -832,6 +839,7 @@ export default { } } .county-info { + width: 100%; .name { width: 100%; padding: 10rpx 0 0 0;