novelAD/pages/tools/zuiXinBiZhi.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://img0.baidu.com/it/u=15396030,1143539239&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=500',
		'https://img2.baidu.com/it/u=1320672626,288218548&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=500',
		'https://img0.baidu.com/it/u=1652113119,3226642753&fm=253&app=138&f=JPEG?w=1423&h=800',
		'https://img0.baidu.com/it/u=3087392912,2682394042&fm=253&app=138&f=JPEG?w=1423&h=800',
		'https://img1.baidu.com/it/u=3631027001,3666368042&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=500',
		'https://img1.baidu.com/it/u=3637490291,2814538424&fm=253&fmt=auto&app=120&f=JPEG?w=1280&h=800',
		'https://img2.baidu.com/it/u=2114786151,2275385596&fm=253&fmt=auto&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>