fix: ui

components/FloatingButton.vue

@@ -66,10 +66,10 @@
 
 	.service-btn {
 		padding: 16rpx 32rpx;
-		background: linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%);
+		background: #55ab5c;
 		color: #fff;
 		font-size: 26rpx;
 		font-weight: 600;
 		border-radius: 40rpx;
 	}
-</style>
+</style>

components/FunctionCard.vue

@@ -1,11 +1,5 @@
 <template>
 	<view class="card function-card">
-		<view class="card-header">
-			<view class="title">功能菜单</view>
-			<!-- <view class="header-actions">
-				<button class="btn-apple btn-primary" @tap="$emit('sync')">运营数据同步</button>
-			</view> -->
-		</view>
 		<view class="function-grid">
 			<view class="function-item interactive card-interactive" @tap="$emit('enter', 'authentication')"
 				role="button" tabindex="0">
@@ -176,8 +170,8 @@
 
 		.function-grid {
 			display: grid;
-			grid-template-columns: repeat(3, 1fr);
-			gap: 16rpx;
+			grid-template-columns: repeat(4, 1fr);
+			gap: 12rpx;
 			width: 100%;
 
 			.function-item {
@@ -185,11 +179,11 @@
 				flex-direction: column;
 				align-items: center;
 				justify-content: center;
-				padding: 20rpx;
+				padding: 16rpx 8rpx;
 
 				.function-icon {
-					width: 120rpx;
-					height: 120rpx;
+					width: 104rpx;
+					height: 104rpx;
 					display: flex;
 					align-items: center;
 					justify-content: center;
@@ -217,11 +211,11 @@
 				}
 
 				.function-name {
-					font-size: 28rpx;
+					font-size: 24rpx;
 					font-weight: 500;
 					color: var(--text-primary);
 					text-align: center;
-					margin-top: 15rpx;
+					margin-top: 12rpx;
 				}
 			}
 		}

components/RenewalPaymentPopup.vue

@@ -378,7 +378,7 @@
 
 	.package-summary {
 		padding: 40rpx 30rpx 30rpx;
-		background: linear-gradient(135deg, rgba(0, 122, 255, 0.05) 0%, rgba(0, 122, 255, 0.02) 100%);
+		background: linear-gradient(135deg, rgba(85, 171, 92, 0.05) 0%, rgba(85, 171, 92, 0.02) 100%);
 		border-bottom: 1rpx solid var(--border-light);
 		text-align: center;
 	}
@@ -414,7 +414,7 @@
 
 		&.active {
 			border-color: var(--primary);
-			background: rgba(0, 122, 255, 0.05);
+			background: rgba(85, 171, 92, 0.05);
 		}
 }
 

components/WifiCard.vue

@@ -3,7 +3,8 @@
 		<view class="card-header flex-row-sb">
 			<view class="title">WiFi配置</view>
 			<view class="btn-group">
-				<button class="btn-apple btn-primary btn-mini" @tap="$emit('modify')">修改</button>
+				<button class="btn-apple btn-primary btn-mini" @tap="copyConfig">复制配置</button>
+				<button class="btn-apple btn-primary btn-mini" @tap="$emit('modify')">修改配置</button>
 			</view>
 		</view>
 		<view class="wifi-info flex-col-g16 mt-30">
@@ -12,25 +13,27 @@
 					<view class="caption">网络名称</view>
 					<view class="subtitle">{{ deviceInfo.ssidName }}</view>
 				</view>
-				<button class="btn-apple btn-primary btn-mini" @tap="$emit('copy', deviceInfo.ssidName)">复制</button>
 			</view>
 			<view class="wifi-item flex-row-sb">
 				<view class="wifi-details flex-col-g8">
 					<view class="caption">连接密码</view>
 					<view class="subtitle">{{ deviceInfo.ssidPwd }}</view>
 				</view>
-				<button class="btn-apple btn-primary btn-mini" @tap="$emit('copy', deviceInfo.ssidPwd)">复制</button>
 			</view>
 		</view>
 	</view>
 </template>
 
 <script setup>
-	defineProps({
+	const props = defineProps({
 		deviceInfo: { type: Object, default: () => ({}) }
 	});
 
-	defineEmits(['modify', 'copy']);
+	const emit = defineEmits(['modify', 'copy-config']);
+
+	const copyConfig = () => {
+		emit('copy-config', `网络名称: ${props.deviceInfo.ssidName || ''}  连接密码: ${props.deviceInfo.ssidPwd || ''}`);
+	};
 </script>
 
 <style scoped lang="scss">