|
|
|
@ -16,7 +16,7 @@ |
|
|
|
<view class="lf-font-32 lf-color-222 lf-m-t-10">我更新了相册</view> |
|
|
|
<!-- 图片显示区 --> |
|
|
|
<view class="images-box"> |
|
|
|
<view class="img" v-for="item in 2" :key="item"> |
|
|
|
<view class="img2" v-for="item in 3" :key="item"> |
|
|
|
<lf-image src="https://picsum.photos/seed/picsum/200/300" /> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
@ -130,7 +130,21 @@ |
|
|
|
margin-top: 28rpx; |
|
|
|
display: flex; |
|
|
|
flex-wrap: wrap; |
|
|
|
//一张图 |
|
|
|
.img{ |
|
|
|
width: 460rpx; |
|
|
|
height: 460rpx; |
|
|
|
background-color: #0BCE5F; |
|
|
|
margin-right: 10rpx; |
|
|
|
&:nth-child(2n){ |
|
|
|
margin-right: 0rpx; |
|
|
|
} |
|
|
|
&:nth-child(n+3){ |
|
|
|
margin-top: 10rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
//2张图 |
|
|
|
.img1{ |
|
|
|
width: 275rpx; |
|
|
|
height: 275rpx; |
|
|
|
background-color: #0BCE5F; |
|
|
|
@ -142,6 +156,19 @@ |
|
|
|
margin-top: 10rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
//三长以上 |
|
|
|
.img2{ |
|
|
|
width: 180rpx; |
|
|
|
height: 180rpx; |
|
|
|
background-color: #0BCE5F; |
|
|
|
margin-right: 10rpx; |
|
|
|
&:nth-child(3n){ |
|
|
|
margin-right: 0rpx; |
|
|
|
} |
|
|
|
&:nth-child(n+4){ |
|
|
|
margin-top: 10rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.more{ |
|
|
|
|
