0
点赞
收藏
分享

微信扫一扫

全开源TikTok跨境商城源码/TikTok内嵌商城+搭建教程/前端uniapp+后端

勇敢的趙迦禾 2024-07-24 阅读 7

完整代码:

<script setup>
	const src = "https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/shuijiao.jpg"
</script>

<template>
	<view class="content">
		<view class="img-list">
			<image :src="src" />
			<image :src="src" />
			<image :src="src" />
			<image :src="src" />
			<image :src="src" />
			<image :src="src" />
			<image :src="src" />
		</view>
	</view>
</template>



<style scoped>
	.content {
		margin: auto;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

	.img-list {
		padding: 10rpx;
		column-count: 2;
		column-gap: 10rpx;
	}
</style>

渲染效果:
在这里插入图片描述

举报

相关推荐

0 条评论