novelAD/pages/tools/liuXingBiZhi.vue

<template>
	<view class="content">
		<view :style="{ paddingTop: statusBarHeight + 'px' }"></view>
		<view class="imgs mgt-40 flex fw_wrap" style="gap: 14rpx;">
			<image class="w-220 h-280 radio-16" mode="aspectFill"
			v-for="img in list" :src="img">
			</image>
		</view>
	</view>
</template>

<script setup>
import { ref, onMounted } from "vue";
import { onShow } from "@dcloudio/uni-app";
var statusBarHeight = uni.getStorageSync('statusBarHeight')
const list = ref([
		'https://img2.baidu.com/it/u=643390968,3821598343&fm=253&fmt=auto&app=120&f=JPEG?w=1422&h=800',
		'https://img2.baidu.com/it/u=1207164141,4244022854&fm=253&fmt=auto&app=138&f=JPEG?w=889&h=500',
		'https://img2.baidu.com/it/u=2122730436,3330551883&fm=253&fmt=auto&app=138&f=JPEG?w=889&h=500',
		'https://img2.baidu.com/it/u=1934414271,796431517&fm=253&fmt=auto&app=120&f=JPEG?w=1280&h=800',
		'https://img2.baidu.com/it/u=116978278,3413690614&fm=253&fmt=auto&app=138&f=JPEG?w=889&h=500',
		'https://img2.baidu.com/it/u=3982727376,1112161985&fm=253&app=138&f=JPEG?w=1333&h=800',
		'https://img1.baidu.com/it/u=1486246425,1310582736&fm=253&fmt=auto&app=120&f=JPEG?w=1422&h=800',
		'https://img1.baidu.com/it/u=1744190363,3838549675&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=313',
		'https://img1.baidu.com/it/u=1718642830,3610884461&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=500',
		'https://img0.baidu.com/it/u=4228544678,3314716449&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=500',
		'https://img1.baidu.com/it/u=3085958841,2793179863&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=500',
		'https://img1.baidu.com/it/u=1292485292,902063151&fm=253&fmt=auto&app=120&f=JPEG?w=500&h=1083',
		'https://img1.baidu.com/it/u=2503868564,1632892809&fm=253&app=138&f=JPEG?w=889&h=500'
	])	
</script>

<style lang="scss" scoped>
	.content{
		min-height: 100vh;
		padding: 28rpx;
		background: linear-gradient(to bottom, #a9d4ff, #cce6ff);
	}
</style>