fix: 更换图标

pages/auth/auth.vue

@@ -46,9 +46,9 @@
 	import { ref, reactive, onMounted } from 'vue';
 	import { assetApi, realnameApi } from '@/api/index.js';
 	import { useUserStore } from '@/store/index.js';
-	import slot1Icon from '@/static/卡槽1.png';
-	import slot2Icon from '@/static/卡槽2.png';
-	import slot3Icon from '@/static/卡槽3.png';
+	import slot1Icon from '@/static/卡槽1.jpeg';
+	import slot2Icon from '@/static/卡槽2.jpeg';
+	import slot3Icon from '@/static/卡槽3.jpeg';
 	import cmccLogo from '@/static/中国移动.png';
 	import cuccLogo from '@/static/中国联通.png';
 	import ctccLogo from '@/static/中国电信.png';
@@ -180,8 +180,9 @@
 
 		.logo-stack {
 			position: relative;
-			width: 112rpx;
-			height: 112rpx;
+			width: 88rpx;
+			height: 88rpx;
+			margin-top: 12rpx;
 			flex-shrink: 0;
 			box-sizing: border-box;
 		}
@@ -193,11 +194,11 @@
 
 		.slot-badge {
 			position: absolute;
-			right: -6rpx;
-			bottom: -6rpx;
+			right: -8rpx;
+			bottom: -8rpx;
 			z-index: 2;
-			width: 48rpx;
-			height: 48rpx;
+			width: 42rpx;
+			height: 42rpx;
 		}
 
 		.carrier-details {

pages/switch/switch.vue

@@ -59,9 +59,9 @@
 	import { reactive, ref, onMounted } from 'vue';
 	import { assetApi, deviceApi, hasActiveOrPendingPackage, realnameApi } from '@/api/index.js';
 	import { useUserStore } from '@/store/index.js';
-	import slot1Icon from '@/static/卡槽1.png';
-	import slot2Icon from '@/static/卡槽2.png';
-	import slot3Icon from '@/static/卡槽3.png';
+	import slot1Icon from '@/static/卡槽1.jpeg';
+	import slot2Icon from '@/static/卡槽2.jpeg';
+	import slot3Icon from '@/static/卡槽3.jpeg';
 	import cmccLogo from '@/static/中国移动.png';
 	import cuccLogo from '@/static/中国联通.png';
 	import ctccLogo from '@/static/中国电信.png';
@@ -271,8 +271,9 @@
 
 		.logo-stack {
 			position: relative;
-			width: 112rpx;
-			height: 112rpx;
+			width: 88rpx;
+			height: 88rpx;
+			margin-top: 12rpx;
 			flex-shrink: 0;
 			box-sizing: border-box;
 		}
@@ -284,11 +285,11 @@
 
 		.slot-badge {
 			position: absolute;
-			right: -6rpx;
-			bottom: -6rpx;
+			right: -8rpx;
+			bottom: -8rpx;
 			z-index: 2;
-			width: 48rpx;
-			height: 48rpx;
+			width: 42rpx;
+			height: 42rpx;
 		}
 
 		.carrier-details {
@@ -362,12 +363,14 @@
 			width: 100%;
 			margin-top: 20rpx;
 			display: flex;
-			flex-direction: column;
+			flex-direction: row;
 			gap: 12rpx;
 		}
 
 		.action-button {
-			width: 100%;
+			flex: 1 1 0;
+			width: auto;
+			min-width: 0;
 			height: 64rpx;
 			padding: 0 12rpx;
 			font-size: 24rpx;