fix: 立即续费

components/UserInfoCard.vue

@@ -18,10 +18,13 @@
 				{{ networkStatus == 1 ? '正常' : '停机' }}
 			</view>
 		</view>
+		<button class="renew-button" @tap.stop="emit('renew')">立即续费</button>
 	</view>
 </template>
 
 <script setup>
+	const emit = defineEmits(['renew']);
+
 	defineProps({
 		currentCardNo: { type: String, default: '' },
 		deviceInfo: { type: Object, default: () => ({}) },
@@ -44,5 +47,17 @@
 			flex: 1;
 		}
 
+		.renew-button {
+			margin: 24rpx 0 0;
+			background: var(--primary);
+			color: #fff;
+			border: none;
+			border-radius: 12rpx;
+			font-size: 26rpx;
+			line-height: 2.6;
+
+			&::after { border: none; }
+		}
+
 	}
 </style>