From dc53295e2c106fe4b022f82f1cc96b67360efd39 Mon Sep 17 00:00:00 2001
From: luo <luo@qq.com>
Date: Thu, 24 Sep 2026 14:47:29 +0800
Subject: [PATCH] fix: button

---
 App.vue                         | 22 ++++++++++++++++++++++
 components/UserInfoCard.vue     | 13 ++-----------
 pages/auth/auth.vue             | 10 +---------
 pages/order-list/order-list.vue |  9 +--------
 pages/switch/switch.vue         | 10 +---------
 5 files changed, 27 insertions(+), 37 deletions(-)

diff --git a/App.vue b/App.vue
index 914dd7f..0d79f0f 100644
--- a/App.vue
+++ b/App.vue
@@ -333,6 +333,28 @@
 		}
 	}
 
+	.copy-button {
+		display: inline-flex;
+		align-items: center;
+		justify-content: center;
+		flex-shrink: 0;
+		min-height: 40rpx;
+		margin: 0;
+		padding: 0 14rpx;
+		border: 1px solid var(--border-light);
+		border-radius: 20rpx;
+		background: var(--gray-100);
+		color: var(--primary);
+		font-size: 22rpx;
+		font-weight: 500;
+		line-height: 1;
+		white-space: nowrap;
+		cursor: pointer;
+		-webkit-tap-highlight-color: transparent;
+
+		&::after { border: none; }
+	}
+
 	.btn-group {
 		display: flex;
 		gap: 12rpx;
diff --git a/components/UserInfoCard.vue b/components/UserInfoCard.vue
index 06ff347..d9ccb0a 100644
--- a/components/UserInfoCard.vue
+++ b/components/UserInfoCard.vue
@@ -4,13 +4,11 @@
 			<view class="user-details flex-col-g8">
 				<view class="info-copy-row">
 					<view class="title">{{ currentCardNo || '-' }}</view>
-					<image class="copy-icon" src="/static/复制.png" mode="aspectFit"
-						@tap.stop="copyText(currentCardNo, '号码')" aria-label="复制号码"></image>
+					<button class="copy-button" @tap.stop="copyText(currentCardNo, '号码')" aria-label="复制号码">复制</button>
 				</view>
 				<view v-if="!isDevice" class="info-copy-row">
 					<view class="caption">ICCID：{{ deviceInfo.iccid || '-' }}</view>
-					<image class="copy-icon" src="/static/复制.png" mode="aspectFit"
-						@tap.stop="copyText(deviceInfo.iccid, 'ICCID')" aria-label="复制ICCID"></image>
+					<button class="copy-button" @tap.stop="copyText(deviceInfo.iccid, 'ICCID')" aria-label="复制ICCID">复制</button>
 				</view>
 				<view class="caption">套餐名称：{{ deviceInfo.packageName || '-' }}</view>
 				<view class="caption" :class="{ 'expiry-warning': isExpiring }">
@@ -77,13 +75,6 @@
 			gap: 12rpx;
 		}
 
-		.copy-icon {
-			width: 28rpx;
-			height: 28rpx;
-			flex-shrink: 0;
-			cursor: pointer;
-		}
-
 		.renew-button {
 			margin: 24rpx 0 0;
 			width: 180rpx;
diff --git a/pages/auth/auth.vue b/pages/auth/auth.vue
index fc8198a..70014ef 100644
--- a/pages/auth/auth.vue
+++ b/pages/auth/auth.vue
@@ -21,8 +21,7 @@
 					</view>
 					<view class="carrier-iccid">
 						<text class="iccid-value-text">{{ item.iccid }}</text>
-						<image class="copy-icon" src="/static/复制.png" mode="aspectFit"
-							@tap.stop="copyIccid(item.iccid)" aria-label="复制ICCID"></image>
+						<button class="copy-button" @tap.stop="copyIccid(item.iccid)" aria-label="复制ICCID">复制</button>
 					</view>
 					<view class="card-actions">
 						<button v-if="item.isRealName" class="btn-apple btn-primary action-button" disabled>已实名</button>
@@ -240,13 +239,6 @@
 			word-break: break-all;
 		}
 
-		.copy-icon {
-			width: 30rpx;
-			height: 30rpx;
-			flex-shrink: 0;
-			cursor: pointer;
-		}
-
 		.card-actions {
 			width: 100%;
 			margin-top: 20rpx;
diff --git a/pages/order-list/order-list.vue b/pages/order-list/order-list.vue
index ebf9ccf..0e02d1c 100644
--- a/pages/order-list/order-list.vue
+++ b/pages/order-list/order-list.vue
@@ -27,7 +27,7 @@
 					<view class="card-header">
 						<view class="order-number" @tap.stop="copyOrderNo(item.order_no)">
 							<text class="order-no">{{ item.order_no || '-' }}</text>
-							<image class="copy-icon" src="/static/复制.png" mode="aspectFit"></image>
+							<button class="copy-button" @tap.stop="copyOrderNo(item.order_no)" aria-label="复制订单号">复制</button>
 						</view>
 						<view class="status-badge" :class="getStatusClass(item.payment_status)">
 							{{ item.payment_status_name }}
@@ -603,13 +603,6 @@
 		white-space: nowrap;
 	}
 
-	.copy-icon {
-		width: 30rpx;
-		height: 30rpx;
-		margin-left: 14rpx;
-		flex-shrink: 0;
-	}
-
 	.order-card .card-body {
 		padding: 0 0 28rpx;
 	}
diff --git a/pages/switch/switch.vue b/pages/switch/switch.vue
index 648e2c9..f694aaf 100644
--- a/pages/switch/switch.vue
+++ b/pages/switch/switch.vue
@@ -27,8 +27,7 @@
 					</view>
 					<view class="carrier-iccid">
 						<text class="iccid-value-text">{{ item.iccid }}</text>
-						<image class="copy-icon" src="/static/复制.png" mode="aspectFit"
-							@tap.stop="copyIccid(item.iccid)" aria-label="复制ICCID"></image>
+						<button class="copy-button" @tap.stop="copyIccid(item.iccid)" aria-label="复制ICCID">复制</button>
 					</view>
 					<view class="card-actions">
 						<button v-if="item.is_current" class="btn-apple btn-primary action-button" disabled>当前使用</button>
@@ -330,13 +329,6 @@
 			word-break: break-all;
 		}
 
-		.copy-icon {
-			width: 30rpx;
-			height: 30rpx;
-			flex-shrink: 0;
-			cursor: pointer;
-		}
-
 		.carrier-statuses {
 			display: flex;
 			align-items: center;