充值页面

pages/common/recharge/index.vue

@@ -384,36 +384,48 @@ const data = reactive({
 			url: "/static/image/recharge/icon4.png"
 		},
 		{
-		name: "机票",
+			name: "豪车模拟",
 			url: "/static/image/recharge/icon5.png"
 		},
 		{
-		name: "高铁票",
+			name: "模拟来电",
 			url: "/static/image/recharge/icon6.png"
 		},
 		{
-		name: "工资单",
+			name: "视频群聊",
 			url: "/static/image/recharge/icon7.png"
 		},
 		{
-		name: "群聊",
+			name: "工资单",
 			url: "/static/image/recharge/icon8.png"
 		},
 		{
-		name: "豪车模拟",
+			name: "身份证",
 			url: "/static/image/recharge/icon9.png"
 		},
 		{
-		name: "模拟来电",
+			name: "发圈素材",
 			url: "/static/image/recharge/icon10.png"
 		},
 		{
-		name: "多设备",
+			name: "机票",
 			url: "/static/image/recharge/icon11.png"
 		},
 		{
-		name: "其他权益",
+			name: "高铁表",
 			url: "/static/image/recharge/icon12.png"
+		},
+		{
+			name: "短信模拟",
+			url: "/static/image/recharge/icon13.png"
+		},
+		{
+			name: "通话模拟",
+			url: "/static/image/recharge/icon14.png"
+		},
+		{
+			name: "多设备",
+			url: "/static/image/recharge/icon15.png"
 		}
 	],
 	goodsList: [],
@@ -1671,7 +1683,7 @@ function shouldBeTrue(obj) {
 
 	.package-items-container {
 		display: flex;
-		padding: 20rpx 32rpx;
+		padding: 40rpx 32rpx  20rpx 32rpx;
 		.active-package-item-tips {
 			position: absolute;
 			content: '限时优惠';
@@ -1752,7 +1764,7 @@ function shouldBeTrue(obj) {
 				width: 184rpx;
 				height: 24px;
 				color: #AAAAAA;
-				font-size: 12px;
+				font-size: 10px;
 				line-height: 24px;
 				font-weight: bold;
 				white-space: nowrap;
@@ -2491,7 +2503,7 @@ function shouldBeTrue(obj) {
 		padding: 10px;
 
 		.item {
-			width: 25%;
+			width: 20%;
 			height: 75px;
 			display: flex;
 			flex-direction: column;