fix: ui

pages/switch/switch.vue

@@ -8,8 +8,9 @@
 
 		<view class="card carrier-card" v-for="item in mchList" :key="item.iccid">
 			<view class="carrier-main">
-				<view class="slot-logo">
-					<image class="slot-visual" :src="getSlotIcon(item.slot_position)" mode="aspectFit"></image>
+				<view class="logo-stack">
+					<image class="carrier-logo" :src="getCarrier(item.carrier_type).logo" mode="aspectFit"></image>
+					<image class="slot-badge" :src="getSlotIcon(item.slot_position)" mode="aspectFit"></image>
 				</view>
 				<view class="carrier-details">
 					<view class="carrier-heading">
@@ -61,6 +62,10 @@
 	import slot1Icon from '@/static/卡槽1.png';
 	import slot2Icon from '@/static/卡槽2.png';
 	import slot3Icon from '@/static/卡槽3.png';
+	import cmccLogo from '@/static/中国移动.png';
+	import cuccLogo from '@/static/中国联通.png';
+	import ctccLogo from '@/static/中国电信.png';
+	import cbnLogo from '@/static/中国广电.png';
 
 	const userStore = useUserStore();
 
@@ -71,10 +76,10 @@
 	let currentModalIccid = ref('');
 
 	const carrierMap = {
-		CMCC: '中国移动',
-		CUCC: '中国联通',
-		CTCC: '中国电信',
-		CBN: '中国广电'
+		CMCC: { name: '中国移动', logo: cmccLogo },
+		CUCC: { name: '中国联通', logo: cuccLogo },
+		CTCC: { name: '中国电信', logo: ctccLogo },
+		CBN: { name: '中国广电', logo: cbnLogo }
 	};
 
 	const slotIconMap = {
@@ -84,7 +89,7 @@
 	};
 
 	const getCarrier = (carrierType) => {
-		return { name: carrierMap[carrierType] || '-' };
+		return carrierMap[carrierType] || { name: '-', logo: '' };
 	};
 
 	const getSlotIcon = (slotPosition) => slotIconMap[Number(slotPosition)] || slotIconMap[1];
@@ -221,20 +226,28 @@
 			gap: 24rpx;
 		}
 
-		.slot-logo {
+		.logo-stack {
+			position: relative;
 			width: 112rpx;
 			height: 112rpx;
 			flex-shrink: 0;
-			padding: 0;
 			box-sizing: border-box;
-			border-radius: 24rpx;
 		}
 
-		.slot-visual {
+		.carrier-logo {
 			width: 100%;
 			height: 100%;
 		}
 
+		.slot-badge {
+			position: absolute;
+			right: -6rpx;
+			bottom: -6rpx;
+			z-index: 2;
+			width: 48rpx;
+			height: 48rpx;
+		}
+
 		.carrier-details {
 			flex: 1;
 			min-width: 0;