shunfengche-sfd/my/manage/message.vue

<template>
	<view>
		<view class="flex padding-lg align-center">
			<image v-if="globalImages" :src="globalImages + 'imgs/dui.png'" style="width: 30rpx;height: 30rpx;" mode=""></image>
			<view style="margin-left: 20rpx;">
				当前使用车辆： 辽A12345
			</view>
		</view>
		<view class="margin padding boxss" v-for="(item, index) in list" :key="index">
			<view class="flex" style="justify-content: space-between;">
				<view class="flex">
					<view>
						<image v-if="globalImages" src="../../static/login_icon.jpg" style="width: 200rpx;height: 140rpx;" mode=""></image>
					</view>
					<view style="margin-left: 20rpx;">
						<view>{{ item.title }}</view>
						<view style="color: #999;">{{ item.zxc }}</view>
						<view style="color: #00c18a;" v-if="item.asd === 1">已认证</view>
						<view style="color: #e6a23c;" v-if="item.asd === 2">审核中</view>
						<view style="color: #f56c6c;" v-if="item.asd === 3">审核失败</view>
					</view>
				</view>
				<view >
					<view style="margin-left: 20rpx; background: #00c18a; padding: 8rpx 15rpx; border-radius: 11rpx; color: #fff;" v-if="item.qwe === 1">使用中</view>
					<view style="margin-left: 20rpx; background: #e6a23c; padding: 8rpx 15rpx; border-radius: 11rpx; color: #fff;" v-if="item.qwe === 2">审核中</view>
					<view style="margin-left: 20rpx; background: #f56c6c; padding: 8rpx 15rpx; border-radius: 11rpx; color: #fff;" v-if="item.qwe === 3">未通过</view>
				</view>
			</view>
			<view style="border-top: 1rpx solid #f3f4f6; margin: 20rpx 0;"></view>
			<view class="flex" style="justify-content: space-between;color: #999;">
				<view class="">
					··· 更多
				</view>
				<view>
					切换使用
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import { waitForGlobalImages } from '@/utils/globalImageLoader'
	export default {
		data() {
			return {
				globalImages: '',
				list: [
					{
						title: '辽12345',
						zxc: '丰田卡罗拉 · 白色',
						asd: 1,
						qwe: 1,
					},{
						title: '辽12345',
						zxc: '丰田卡罗拉 · 白色',
						asd: 2,
						qwe: 2,
					},{
						title: '辽12345',
						zxc: '丰田卡罗拉 · 白色',
						asd: 3,
						qwe: 3,
					}
				]
			}
		},
		onLoad() {
			waitForGlobalImages().then((path) => {
				console.log('✅ 全局图片路径:', path)
				this.globalImages = path
			})
		},
		// methods: {
			
		// },
	}
</script>

<style scoped lang="scss">
	.boxss {
		background: #fff;
		border-radius: 16rpx;
	}
</style>