456

xs-app/pagesA/recharge/rechargeCoin.vue

@@ -1,5 +1,5 @@
 <template>
-	<view class="content">
+	<view class="coin_content">
 		<view class="top">
 			<view class="top__bg">
 				<image class="image" src="../../static/imgs/public/img_top_bg_2.png" mode="aspectFit"></image>
@@ -117,7 +117,7 @@
 </script>
 
 <style lang="scss">
-	.content{
+	.coin_content{
 		display: flex;
 		flex-direction: column;
 		
@@ -217,7 +217,7 @@
 					position: absolute;
 					display: flex;
 					flex-direction: column;
-					justify-content: center;
+					// justify-content: center;
 					align-items: center;
 					
 					&__image-info{
@@ -270,7 +270,7 @@
 					}
 					&__rmb{
 						position: absolute;
-						bottom: -32%;
+						bottom: -33%;
 						font-size: 17px;
 					}
 				}

xs-app/pagesA/recharge/rechargeVIP.vue

@@ -1,5 +1,5 @@
 <template>
-	<view class="content">
+	<view class="vip_content">
 		<view class="top">
 			<view class="top__bg">
 				<image class="image" src="../../static/imgs/public/img_top_bg_2.png" mode="aspectFit"></image>
@@ -35,9 +35,9 @@
 					<view class="list__item__container__rmb" :style="{color:current_index==index?color_rmb:color_black}">
 						¥ {{(item.amount/100).toFixed(1)}}
 					</view>
-	    	    	<view class="list__item__container__des" :style="{color:current_index==index?color_des:color_black}">
-	    	    		{{item.base_angle}}
-	    	    	</view>
+					<view class="list__item__container__des" :style="{color:current_index==index?color_des:color_black}">
+						{{item.base_angle}}
+					</view>
 	    	    </view>
 	    	</view>
 	    </view>
@@ -119,7 +119,7 @@
 </script>
 
 <style lang="scss">
-	.content{
+	.vip_content{
 		display: flex;
 		flex-direction: column;
 		
@@ -227,6 +227,7 @@
 				align-items: center;
 				width: 50%;
 				height: 246rpx;	
+				flex-shrink: 0;
 				position: relative;
 				// background-color: green;
 				.image{
@@ -252,7 +253,7 @@
 					}
 					&__des{
 						position: absolute;
-						bottom: -30%;
+						bottom: -33%;
 						font-size: 13px;
 					}