zhywpt-sp/subpackage/after-sale/progress-query/progress-query-tab.vue

<template>
	<view class="list" v-for="(item,index) in state.list" :key="item.type" @click="go(item.type)">
		<view style="display: flex;align-items: center;">
			<image class="photo" :src="fileURL + item.image "></image>
			<text>{{item.title}}</text>
		</view>
		<image class="photo1" src="../../static/image/icon-back.png" mode="widthFix"></image>
	</view>
</template>

<script setup lang="ts">
	import { reactive } from "vue"
	import { fileURL } from "@/datas/fileURL.js";
	const state = reactive({
		list: [
			{
				"title": "业务审核",
				"type": 1,
				"image": "image/index/goRecharge.png",
			},
			{
				"title": "对公账户",
				"type": 2,
				"image": "image/index/goRecharge.png"
			}
		],
	});
	const go = (type) => {
		if (type == 1) {
			uni.navigateTo({
				url: "/subpackage/after-sale/progress-query/progress-query-business"
			})
		}
	}
</script>

<style scoped>
	.list {
		border-bottom: 1rpx solid #e5e5e5;
		display: flex;
		padding: 16rpx 20rpx;
		align-items: center;
		justify-content: space-between;
		height: 60rpx;
		font-size: 32rpx;
	}

	.photo {
		width: 40rpx;
		height: 40rpx;
		margin-right: 20rpx;
	}

	.photo1 {
		width: 40rpx;
		transform: rotateY(180deg);
	}
</style>