Fix:2490 【商城小程序】我的收藏—千县的收藏数据只有一个时,没有靠左排列显示
This commit is contained in:
@@ -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;
|
||||||
|
|||||||
Reference in New Issue
Block a user