fix: ui

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;
 				}
 			}
 		}