|
@@ -57,9 +57,10 @@ function clearSearch() {
|
|
|
<scroll-view scroll-y type="custom">
|
|
<scroll-view scroll-y type="custom">
|
|
|
<grid-view type="masonry" cross-axis-count="2" main-axis-gap="10" cross-axis-gap="10">
|
|
<grid-view type="masonry" cross-axis-count="2" main-axis-gap="10" cross-axis-gap="10">
|
|
|
<view v-for="item in videoDataList" :key="item?.id" class="mt-18rpx rounded-16rpx bg-#FFF" @click="router.push({ name: 'video-rights-detail', params: { id: item.id } })">
|
|
<view v-for="item in videoDataList" :key="item?.id" class="mt-18rpx rounded-16rpx bg-#FFF" @click="router.push({ name: 'video-rights-detail', params: { id: item.id } })">
|
|
|
- <view>
|
|
|
|
|
|
|
+ <view class="image-wrapper h-342rpx w-342rpx">
|
|
|
<image
|
|
<image
|
|
|
- class="h-342rpx w-342rpx rounded-16rpx"
|
|
|
|
|
|
|
+ class="h-full w-full rounded-16rpx object-c"
|
|
|
|
|
+ mode="aspectFill"
|
|
|
:src="item.productImg ? item.productImg : `${StaticUrl}/list-page-img.png`"
|
|
:src="item.productImg ? item.productImg : `${StaticUrl}/list-page-img.png`"
|
|
|
/>
|
|
/>
|
|
|
</view>
|
|
</view>
|
|
@@ -90,4 +91,14 @@ function clearSearch() {
|
|
|
</view>
|
|
</view>
|
|
|
</template>
|
|
</template>
|
|
|
|
|
|
|
|
-<style lang="scss" scoped></style>
|
|
|
|
|
|
|
+<style lang="scss" scoped>
|
|
|
|
|
+.image-wrapper {
|
|
|
|
|
+ overflow: hidden;
|
|
|
|
|
+}
|
|
|
|
|
+.image-wrapper .object-c {
|
|
|
|
|
+ width: 100%;
|
|
|
|
|
+ height: 100%;
|
|
|
|
|
+ object-fit: cover;
|
|
|
|
|
+ display: block;
|
|
|
|
|
+}
|
|
|
|
|
+</style>
|