456

xs-app/pagesA/recharge/rechargeCoin.vue

@@ -2,13 +2,13 @@
 	<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>
+				<image class="image" src="@/static/imgs/public/img_top_bg_2.png" mode="aspectFit"></image>
 			</view>
 			<view class="top__container">
 				<view class="top__container__title">
 					<view class="top__container__title__name">我的书币</view>
 					<view class="top__container__title__icon">
-						<image class="image" src="../../static/imgs/public/img_coin.png" mode="aspectFill"></image>
+						<image class="image" src="@/static/imgs/public/img_coin.png" mode="aspectFill"></image>
 					</view>
 				</view>
 				<view class="top__container__coins">
@@ -23,12 +23,12 @@
 		</view>
 	    <view class="list">
 	    	<view class="list__item"  v-for="(item,index) in data_list" :key="index" @click="clickItem(index)">
-				<image v-if="current_index==index" class="image" src="@/static/imgs/read/img_buy_onselect_bi_status.png" mode="aspectFit"></image>
-	    		<image v-else class="image" src="@/static/imgs/read/img_buy_unselect_bi_status.png" mode="aspectFit"></image>
+				<image v-if="current_index==index" class="image" src="@/static/imgs/read/img_buy_onselect_bi_status.png"></image>
+	    		<image v-else class="image" src="@/static/imgs/read/img_buy_unselect_bi_status.png"></image>
 				<view class="list__item__container">
 	    	    	<view class="list__item__container__image-info">
 						<view class="list__item__container__image-info__song">
-							<image class="image" src="../../static/imgs/read/img_song_db.png" mode="aspectFit"></image>
+							<image class="image" src="@/static/imgs/read/img_song_db.png" mode="aspectFit"></image>
 							<text v-if="item.give_coin>0" class="list__item__container__image-info__song__name">
 								送\n{{item.give_coin}}
 							</text>
@@ -37,10 +37,10 @@
 							<image class="image" src="@/static/imgs/read/img_coin.png" mode="aspectFit"></image>
 						</view>
 	    	    	</view> 
-	    	    	<view class="list__item__container__coin">
+	    	    	<view class="list__item__container__coin" :style="{color:current_index==index?color_des:color_default}">
 	    	    		{{item.name}}
 	    	    	</view>
-	    	    	<view class="list__item__container__rmb">
+	    	    	<view class="list__item__container__rmb" :style="{color:current_index==index?color_rmb:color_default}">
 	    	    		<text style="font-size: 13px;">¥</text> {{item.amount/100}}
 	    	    	</view>
 	    	    </view>
@@ -48,7 +48,7 @@
 	    </view>
 	    <view class="bottom" @click="clickLjgm">
 	    	<view class="bottom__button-ljgm">
-	    		<image class="image" src="../../static/imgs/public/img_ljgm.png" mode=""></image>
+	    		<image class="image" src="@/static/imgs/public/img_ljgm.png" mode=""></image>
 	    	</view>
 	    </view>
 	</view>
@@ -64,6 +64,10 @@
     import { tools } from '../../framework/tools';
 	import { sdkUtil } from '../../framework/sdkUtil';
 		
+	let color_default = '#000000'
+	let color_des = '#EB3737'	
+	let color_rmb = '#FF5E00'
+		
 	let data_list = ref([])
 	let current_index = ref(-1)
 		
@@ -216,17 +220,18 @@
 		.list{
 			display: flex;
 			flex-flow: row wrap; //横向排列、换行排列
-			padding: 40rpx 20rpx;
+			padding: 20px 10px;
 			&__item{
 				display: flex;
 				flex-direction: column;
 				align-items: center;
 				width: 50%;
 				height: 140px;  //246rpx;
-				position: relative;				
+				position: relative;		
 				// background-color: green;
 				
 				.image{
+					flex-shrink: 0;
 					position: absolute;
 					top: 0;
 					left: 0;
@@ -289,12 +294,14 @@
 						}
 					}
 					&__coin{
-						margin-top: 0px;
+						margin-top: 3px;
+						height: 25px;
 						font-size: 19px;
 						color: #6D6D82;
 					}
 					&__rmb{
-						margin-top: 11px;
+						margin-top: 10px;
+						height: 25px;
 						font-size: 17px;
 					}
 				}

xs-app/pagesA/recharge/rechargeVIP.vue

@@ -2,7 +2,7 @@
 	<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>
+				<image class="image" src="@/static/imgs/public/img_top_bg_2.png" mode="aspectFit"></image>
 			</view>
 			<view class="top__container">
 				<view class="top__container__kaitong" v-if="user_data.is_vip">已开通</view>
@@ -26,14 +26,14 @@
 		</view>
 	    <view class="list">
 	    	<view class="list__item"  v-for="(item,index) in data_list" :key="index" @click="clickItem(index)">
-				<image v-if="current_index==index" class="image" src="../../static/imgs/read/img_buy_onselect_bi_status.png"></image>
-	    		<image v-else class="image" src="../../static/imgs/read/img_buy_unselect_bi_status.png"></image>
+				<image v-if="current_index==index" class="image" src="@/static/imgs/read/img_buy_onselect_bi_status.png"></image>
+	    		<image v-else class="image" src="@/static/imgs/read/img_buy_unselect_bi_status.png"></image>
 	    	    <view class="list__item__container">
 					<view class="list__item__container__prompt" :style="{color:current_index==index?color_prompt_s:color_prompt_n}">
 						{{item.prompt1}}
 					</view>
 					<view class="list__item__container__rmb" :style="{color:current_index==index?color_rmb:color_black}">
-						¥ {{(item.amount/100).toFixed(1)}}
+						<text style="font-size: 13px;">¥</text> {{(item.amount/100).toFixed(1)}}
 					</view>
 					<view class="list__item__container__des" :style="{color:current_index==index?color_des:color_black}">
 						{{item.base_angle}}
@@ -43,7 +43,7 @@
 	    </view>
 	    <view class="bottom">
 	    	<view class="bottom__button-ljgm" @click="clickLjgm">
-	    		<image class="image" src="../../static/imgs/public/img_ljgm.png" mode=""></image>
+	    		<image class="image" src="@/static/imgs/public/img_ljgm.png" mode=""></image>
 	    	</view>
 	    </view>
 	</view>
@@ -57,7 +57,7 @@
     import { UserData } from '../../stores/userDataManager';
     import { util } from '../../framework/util';
     import { tools } from '../../framework/tools';
-import { sdkUtil } from '../../framework/sdkUtil';
+    import { sdkUtil } from '../../framework/sdkUtil';
 		
 	let user_data = UserData().getData()
 	let data_list = ref([])
@@ -245,43 +245,52 @@ import { sdkUtil } from '../../framework/sdkUtil';
 		.list{
 			display: flex;
 			flex-flow: row wrap; //横向排列、换行排列
-			padding: 40rpx 20rpx;
+			padding: 10px 10px;
 			&__item{
 				display: flex;
 				flex-direction: column;
 				align-items: center;
 				width: 50%;
-				height: 246rpx;	
+				height: 150px; //246rpx;	
 				flex-shrink: 0;
 				position: relative;
 				// background-color: green;
+				
 				.image{
+					position: absolute;
+					flex-shrink: 0;
+					left: 0;
+					top: 0;
 					width: 100%;
 					height: 100%;
 				}
 				&__container{
-					position: absolute;
+					z-index: 9;
 					display: flex;
 					flex-direction: column;
 					justify-content: center;
 					align-items: center;
-					
+					// background-color: red;
 					&__prompt{
-						margin-top: 50rpx;
+						margin-top: 30px; //50rpx;						
 						font-size: 20px;
 						color: #6D6D82;
+						height: 30px;
+						// background-color: red;
 					}
 					&__rmb{
-						margin-top: 10rpx;
-						font-size: 20px;
+						margin-top: 8px;//10rpx;
+						font-size: 22px;
 						font-weight: 500;
+						height: 25px;
+						// background-color: red;
 					}
 					&__des{
-						position: absolute;
-						bottom: -33%;
+						margin-top: 20px;
 						font-size: 13px;
+						height: 18px;
+						// background-color: red;
 					}
-					
 				}
 			}
 		}