fenxiaoyongjin.vue 1.8 KB
<template>
	<view class="content">
		<view class="fentop">
			<view class="fenname" @click="fenxiaodetail">
				分销佣金
			</view>
			<view class='fenbot flextwo'>
				<view class="fenbotleft">¥890</view>
				<view class="fenbotright">提现明细</view>
			</view>
		</view>
		<view class="fenxiaoti flextwo">
			<view class="fenxiaotileft">可提现佣金</view>
			<view class="fenxiaotir">¥56</view>
		</view>
		<view class="fenxiaoti flextwo">
			<view class="fenxiaotileft">已提现现佣金</view>
			<view class="fenxiaotir">¥56</view>
		</view>
		<view class="fenxiaoti flextwo">
			<view class="fenxiaotileft">待打款佣金</view>
			<view class="fenxiaotir">¥56</view>
		</view>
	</view>
</template>

<script>
	import app from "../../App.vue";
	    export default {
	        data() {
	            return {
	                showbanben: false
	            }
	        },
	        onLoad() {
	
	
	
	        },
	        methods: {
	           fenxiaodetail(){
				   uni.navigateTo({
				   	url:'/pages/usercenter/fenxiaotidetail'
				   })
			   }
	      
	        }
	
	    }
	
</script>

<style>
	page{
		background: #F7F7F7;
	}
	.fenxiaotileft{
		color:#08121F;
		font-size: 28rpx;
		
	}
	.fenxiaotir{
		color:#06121F;
		font-size: 28rpx;
		font-weight: bold;
	}
	.fenxiaoti{
		padding: 34rpx 40rpx;
		box-sizing: border-box;
		background: #fff;
		margin-top:16rpx;
	}
	.fentop{
		padding: 36rpx 32rpx;
		box-sizing: border-box;
		background: #fff;
	}
	.fenname{
		color:#8C9198;
		font-size: 28rpx;
	}
	.fenbot{
		margin-top:20rpx;
	}
	.fenbotleft{
		color:#06121F;
		font-size:24rpx;
		font-weight: bold;
	}
	.fenbotright{
		width:160rpx;
		height:64rpx;
		border-radius:8rpx;
		border:1rpx solid rgba(255,148,23,1);
		color:#FF9417;
		font-size: 24rpx;
		text-align: center;
		line-height: 64rpx;
	}
</style>