feat: 新增空状态

pages/auth/auth.vue

@@ -1,5 +1,11 @@
 <template>
 	<view class="container">
+		<view v-if="list.length === 0 && !loading" class="empty-state">
+			<view class="empty-icon">📇</view>
+			<view class="empty-title">认证列表为空</view>
+			<view class="empty-desc">当前账号下暂无可实名的卡片</view>
+		</view>
+
 		<view class="card" v-for="item in list" :key="item.iccid">
 			<view class="flex-row-g20">
 				<view class="logo">
@@ -38,6 +44,7 @@
 	const userStore = useUserStore();
 
 	let list = reactive([]);
+	let loading = ref(false);
 	let showIccidModal = ref(false);
 	let currentModalIccid = ref('');
 	let currentCard = ref(null);
@@ -54,6 +61,7 @@
 	};
 
 	const loadCards = async () => {
+		loading.value = true;
 		try {
 			const assetData = await assetApi.getInfo(userStore.state.identifier);
 
@@ -81,6 +89,7 @@
 		} catch (e) {
 			console.error('加载卡列表失败', e);
 		}
+		loading.value = false;
 	};
 
 	const getCarrierCategory = (carrierName) => {
@@ -223,4 +232,16 @@
 		border-radius: var(--radius-small);
 		cursor: pointer;
 	}
+
+	.empty-state {
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		justify-content: center;
+		padding: 120rpx 40rpx;
+		min-height: 400rpx;
+		.empty-icon { font-size: 120rpx; margin-bottom: 30rpx; opacity: 0.6; }
+		.empty-title { font-size: 32rpx; font-weight: 600; color: var(--text-primary); margin-bottom: 16rpx; }
+		.empty-desc { font-size: 26rpx; color: var(--text-tertiary); text-align: center; }
+	}
 </style>