diff --git a/pages/common/postview/index.vue b/pages/common/postview/index.vue index bf7d06b..7875dd5 100644 --- a/pages/common/postview/index.vue +++ b/pages/common/postview/index.vue @@ -39,9 +39,41 @@ :src="mediaItem"> - - - + + + + + + + + + + + + + + + + + +{{ postValue.media.length - 3 }} + + + + + + + + + + + + @@ -281,7 +313,7 @@ .u-album__row__wrapper {} .data-v-6fcabaad { - border-radius: 20rpx 20rpx 20rpx 20rpx !important; + border-radius: 20rpx !important; /* width: 200rpx !important; height: 200rpx !important; */ } @@ -381,7 +413,7 @@ width: 686rpx; height: 370rpx; - border-radius: 18rpx 18rpx 18rpx 18rpx; + border-radius: 20rpx; background: #b3d7ff; } @@ -393,9 +425,48 @@ width: 100%; height: 306rpx; - border-radius: 18rpx 18rpx 18rpx 18rpx; + border-radius: 20rpx; } } + + .img-style-3-1{ + + image { + // margin: 6rpx; + width: 222rpx; + height: 222rpx; + border-radius: 20rpx; + } + } + + .img-style-3-2{ + display: flex; + justify-content: space-between; + position: relative; + image { + // margin: 6rpx; + width: 222rpx; + height: 222rpx; + border-radius: 20rpx; + } + } + + .img-cover-style{ + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + background-color: rgba(0, 0, 0, 0.3); + display: flex; + flex-direction: row; + justify-content: center; + align-items: center; + border-radius: 20rpx; + text{ + color: #fff; + } + } diff --git a/pages/index.vue b/pages/index.vue index f0eebd5..8574139 100644 --- a/pages/index.vue +++ b/pages/index.vue @@ -493,6 +493,10 @@ import PostView from "@/pages/common/postview/index.vue"; /* width: 200rpx !important; height: 200rpx !important; */ } + + .data-v-6fcabaad{ + border-radius: 20rpx 20rpx 20rpx 20rpx !important; + } .box-a { margin-top: 42rpx;