zh_order_food_xcx/pages-takeout/aptitude.vue

<template>
	<view class="aptitude-index iPhone-bottom flex-common-css box-border-box bgc-f">
		<Nav title='营业资质'></Nav>
		
		<view class="scroll-view-css info-list box-border-box p-24 mb-20">
			<view class="card-box box-border-box p-24">
				<view class="mb-20 fw-600 fs-32">营业资质</view>
				<image v-for="(item,i) in 2" :key="i" @click="lookImg(i,item)"
				src="@/static/img/my/bg.png" mode="scaleToFill"></image>
			</view>
			<view class="card-box box-border-box p-24">
				<view class="mb-20 fw-600 fs-32">许可证</view>
				<image v-for="(item,i) in 2" :key="i" @click="lookImg(i,item)"
				src="@/static/img/my/bg.png" mode="scaleToFill"></image>
			</view>
		</view>
	</view>
</template>

<script>
	import tools from "@/service/tools";
	export default {
		data(){
			return{
				
			}
		},
		methods:{
			lookImg(i,item){
				tools.lookBigImg(i,item)
			},
		},
	}
</script>

<style scoped lang="scss">
	.aptitude-index{
		.info-list{
			height: 100%;
			background-color: #F5F4F9;
			.card-box{
				width: 100%;
				min-height: 572rpx;
				background: #FFFFFF;
				border-radius: 20rpx;
				image{
					width: 100%;
					height: 460rpx;
					margin-bottom: 20rpx;
				}
			}
		}
	}
</style>