fix scanner popup container

src/pages/customer/CustomerInviteeList.vue

@@ -54,23 +54,13 @@
 		v-model:visible="selectorVisible"
 		@change="handleInviteeSelected"
 	/>
-	<t-popup v-model="scanPopupVisible" placement="bottom">
-		<div class="scan-popup bg-white">
-			<div class="header">
-				<t-button
-					variant="text"
-					size="small"
-					@click="closeScanPopup"
-					content="取消"
-				/>
-				<h3>扫码添加邀请客户</h3>
-				<t-button
-					theme="primary"
-					size="small"
-					content="确认"
-					@click="confirmScannedInvitee"
-				/>
-			</div>
+	<bottom-popup
+		v-model="scanPopupVisible"
+		title="扫码添加邀请客户"
+		@left-button-click="closeScanPopup"
+		@right-button-click="confirmScannedInvitee"
+	>
+		<div class="scan-popup">
 			<code-scanner
 				v-if="scanPopupVisible"
 				:visible="scanPopupVisible"
@@ -83,10 +73,11 @@
 				<customer-profile-card :customer="pendingInvitee" />
 			</div>
 		</div>
-	</t-popup>
+	</bottom-popup>
 </template>
 
 <script setup lang="ts">
+import { BottomPopup } from "timi-tdesign-mobile";
 import { Message } from "@/utils/message";
 import { useUserStore } from "timi-web-api";
 import CustomerAPI from "@/api/CustomerAPI";
@@ -333,23 +324,9 @@ watch(() => route.params.id, loadCustomer);
 
 .scan-popup {
 	gap: 1rem;
-	padding: 1rem 1rem calc(1rem + env(safe-area-inset-bottom, 0)) 1rem;
+	padding: 0 1rem 1rem 1rem;
 	display: flex;
-	overflow: auto;
-	max-height: 86vh;
-	border-radius: 1.25rem 1.25rem 0 0;
 	flex-direction: column;
-
-	.header {
-		display: flex;
-		align-items: center;
-		justify-content: space-between;
-
-		h3 {
-			margin: 0;
-			font-size: 1rem;
-		}
-	}
 }
 
 :global(html.theme-dark) {
@@ -363,7 +340,6 @@ watch(() => route.params.id, loadCustomer);
 
 	.scan-popup {
 		color: #e2e8f0;
-		background: rgba(15, 23, 42, .96);
 	}
 }
 </style>