<template>
	<view class="content">
   <navigation>
		 A+ plan
	    <span class="bread" slot="bread">
	    	Rules
	    </span >
	   </navigation>
		<view class="pro-head">
			<view class="">
			<view class="pro-body-p1">
			<span class="category-sigh">₦</span><span class="s1">81166.17</span>
			</view>
			<view class="ab">
				Available Balance
			</view>
			</view>
		
		<view class="money_con flex">
			<view class="mony_item">
				<view class="mon">
					+242.77
				</view>
				<view class="time">
					Yesterday
				</view>
				<view class="mon_btn">
					Transfer Out
				</view>
			</view>
			<view class="mony_item">
				<view class="mon">
					+19,266.17
				</view>
				<view class="time">
					Total
				</view>
				<view class="mon_btn">
					Transfer In
				</view>
			</view>
		</view>
		
		
	</view>
	<view class="ap_body">
		<view class="fde">
			Funding details
		</view>
		<view class="record_item flex">
			<view class="numcon flex">
				<image src="../../static/promo/list_icon_meiyuan@3x.png" mode="aspectFit" class="img1"></image>
			    <view class="num">
			    	<view class="rec">
			    		Income
			    	</view>
					<view class="cpay">
						2021-05-20 18:34:00
					</view>
			    </view>
			</view>
			<view class="time">
				<view class="time_mon">
					+242.77
				</view>
				<view class="mon2">
					81166.17
				</view>
			</view>
		</view>
	</view>
	</view>
	
</template>

<script>
	import api from '@/utils/api'
	import utils from '@/utils'
	import cont from "@/components/navigation/navigation.vue"
	export default {
		data() {
			return {
			leaId:0,
			proLeav:[
				{
					id:0,
					lea:'level1',
					lea2:'Total people',
					leanum:0
				},
				{
					id:1,
					lea:'level2',
					lea2:'Contribution',
					leanum:0.00
				},
			]
			}
		},
		onLoad() {

		},
		methods: {
      leaIdChange(index){
		  this.leaId=index;
	  }
		}
	}
</script>

<style>
	@import url("./index.css");
</style>
