fix: ui

pages/auth/auth.vue

@@ -10,10 +10,12 @@
 			<view class="carrier-main">
 				<view class="logo-stack">
 					<image class="carrier-logo" :src="getCarrier(item.carrier_type).logo" mode="aspectFit"></image>
-					<image v-if="item.isDevice" class="slot-badge" :src="getSlotIcon(item.slot_position)" mode="aspectFit"></image>
 				</view>
 				<view class="carrier-details">
-					<view class="carrier-name">{{ getCarrier(item.carrier_type).name }}</view>
+					<view class="carrier-heading">
+						<view class="carrier-name">{{ getCarrier(item.carrier_type).name }}</view>
+						<image v-if="item.isDevice" class="slot-badge" :src="getSlotIcon(item.slot_position)" mode="aspectFit"></image>
+					</view>
 					<view class="carrier-iccid">
 						<text class="iccid-value-text">{{ item.iccid }}</text>
 						<view class="copy-icon" @tap.stop="copyIccid(item.iccid)" aria-label="复制ICCID">
@@ -179,10 +181,7 @@
 		}
 
 		.logo-stack {
-			display: flex;
+			width: 88rpx;
-			align-items: center;
-			gap: 10rpx;
-			width: 140rpx;
 			height: 88rpx;
 			margin-top: 12rpx;
 			flex-shrink: 0;
@@ -196,8 +195,8 @@
 		}
 
 		.slot-badge {
-			width: 42rpx;
+			width: 40rpx;
-			height: 42rpx;
+			height: 40rpx;
 			flex-shrink: 0;
 		}
 
@@ -215,6 +214,12 @@
 			line-height: 1.3;
 		}
 
+		.carrier-heading {
+			display: flex;
+			align-items: center;
+			gap: 10rpx;
+		}
+
 		.carrier-iccid {
 			display: flex;
 			align-items: center;

pages/switch/switch.vue

@@ -10,11 +10,11 @@
 			<view class="carrier-main">
 				<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">
 						<view class="carrier-name">{{ getCarrier(item.carrier_type).name }}</view>
+						<image class="slot-badge" :src="getSlotIcon(item.slot_position)" mode="aspectFit"></image>
 						<view class="carrier-statuses">
 							<up-tag :type="item.real_name_status === 1 ? 'primary' : 'success'" size="mini">
 								{{ item.real_name_status === 1 ? '已实名' : '未实名' }}
@@ -270,10 +270,7 @@
 		}
 
 		.logo-stack {
-			display: flex;
+			width: 88rpx;
-			align-items: center;
-			gap: 10rpx;
-			width: 140rpx;
 			height: 88rpx;
 			margin-top: 12rpx;
 			flex-shrink: 0;
@@ -287,8 +284,8 @@
 		}
 
 		.slot-badge {
-			width: 42rpx;
+			width: 40rpx;
-			height: 42rpx;
+			height: 40rpx;
 			flex-shrink: 0;
 		}