fix: package-list

pages/package-order/package-order.vue

@@ -33,20 +33,14 @@
 				</view>
 
 				<view class="package-summary">
-					<view class="summary-item">
-						<text class="label">套餐名称</text>
-						<text class="value">{{ currentPackage?.package_name }}</text>
-					</view>
-					<view class="summary-item">
-						<text class="label">支付金额</text>
-						<text class="value price">¥{{ formatMoney(currentPackage?.retail_price) }}</text>
-					</view>
+					<view class="summary-name">{{ currentPackage?.package_name }}</view>
+					<view class="summary-price">¥{{ formatMoney(currentPackage?.retail_price) }}</view>
 				</view>
 
 				<view class="payment-methods">
 					<view class="method-item" :class="{ active: paymentMethod === 'wechat' }" @tap="selectPaymentMethod('wechat')">
 						<view class="method-left">
-							<view class="method-icon wechat-icon">💚</view>
+							<image class="method-icon" src="/static/wechat.png" mode="aspectFit"></image>
 							<text class="method-name">微信支付</text>
 						</view>
 						<view class="method-radio" :class="{ checked: paymentMethod === 'wechat' }"></view>
@@ -54,7 +48,7 @@
 
 					<view class="method-item" :class="{ active: paymentMethod === 'wallet' }" @tap="selectPaymentMethod('wallet')">
 						<view class="method-left">
-							<view class="method-icon wallet-icon">💰</view>
+							<image class="method-icon" src="/static/wallet.png" mode="aspectFit"></image>
 							<view class="method-info">
 								<text class="method-name">账户余额</text>
 								<text class="wallet-balance">余额: ¥{{ formatMoney(walletBalance) }}</text>
@@ -391,35 +385,22 @@
 		}
 
 		.package-summary {
-			padding: 30rpx;
-			background: var(--gray-100);
+			padding: 40rpx 30rpx;
+			background: rgba(0, 122, 255, 0.03);
 			border-bottom: 1rpx solid var(--border-light);
+			text-align: center;
 
-			.summary-item {
-				display: flex;
-				justify-content: space-between;
-				align-items: center;
+			.summary-name {
+				font-size: 28rpx;
+				font-weight: 500;
+				color: var(--text-primary);
 				margin-bottom: 16rpx;
+			}
 
-				&:last-child {
-					margin-bottom: 0;
-				}
-
-				.label {
-					font-size: 26rpx;
-					color: var(--text-secondary);
-				}
-
-				.value {
-					font-size: 26rpx;
-					color: var(--text-primary);
-
-					&.price {
-						font-size: 32rpx;
-						font-weight: 700;
-						color: var(--warning);
-					}
-				}
+			.summary-price {
+				font-size: 48rpx;
+				font-weight: 700;
+				color: var(--primary);
 			}
 		}
 
@@ -452,14 +433,8 @@
 					gap: 20rpx;
 
 					.method-icon {
-						width: 64rpx;
-						height: 64rpx;
-						display: flex;
-						align-items: center;
-						justify-content: center;
-						font-size: 40rpx;
-						border-radius: var(--radius-medium);
-						background: var(--gray-100);
+						width: 48rpx;
+						height: 48rpx;
 					}
 
 					.method-info {