<template>
	<view class="list f-row aic jcb">
		<view class="item" v-for="item,i in 20" :key="i" @click="jump('/pages/safe/detail')">
			<view class="">
				<image src="" mode=""></image>
			</view>
			<view class="text">
				五月天“突然好想你”线上演唱会精彩回放
			</view>
		</view>
	</view>
</template>

<script setup>
	import {
		beforeJump
	} from '@/utils/index.js';
	const jump = (url) => {
		beforeJump(url, () => {
			uni.navigateTo({
				url
			})
		})
	}
</script>

<style lang="scss" scoped>
	.list {
		flex-wrap: wrap;

		.item {
			width: 340rpx;
			background: #FFFFFF;
			box-shadow: 0rpx 2rpx 4rpx 0rpx rgba(0, 0, 0, 0.5);
			border-radius: 16rpx;
			margin-top: 20rpx;
			font-size: 28rpx;
			color: #333333;
			line-height: 40rpx;

			.text {
				padding: 16rpx;
			}

			image {
				width: 340rpx;
				height: 200rpx;
				border-radius: 16rpx 16rpx 0 0;
				background-color: #efefef;
				display: block;
			}
		}
	}
</style>