<template>
	<view class="bind-user">
		<view class="bind-user-header">
			<view class="flex mb28">
				<up-image width="120rpx" height="120rpx" src="https://cdn.uviewui.com/uview/album/1.jpg"
					shape="circle"></up-image>
				<view class="header-name">
					<view class="font32 mb20 color-040">微信用户</view>
					<view class="label1">
						初级合伙人
					</view>
					<view class="flex font24">
						<view style="color: #B97132;">当前分成比例:
							<text style="color: #CD4732;">25%</text>
						</view>
						<view class="ml28" style="color: #B97132;">晋级后分成比例:
							<text style="color: #CD4732;">30%</text>
						</view>
					</view>
				</view>
			</view>
		</view>
		<view class="bind-main">
			<view class="bind-main-content">
				<view class="bind-main-list">
					<!--  <up-empty
            mode="list"
            width="300px"
            height="300px"
            icon="http://cdn.uviewui.com/uview/empty/car.png"
        /> -->
					<view class="bind-tabs">
						<up-tabs :list="list" :current="current" lineWidth="68rpx" :activeStyle="{
					  color: '#000000',
					  fontWeight: 'bold',
					  transform: 'scale(1.05)'
					}" :inactiveStyle="{
					  color: '#000000',
					  transform: 'scale(1)'
					}" :itemStyle="{height:'88rpx',padding:'0 100rpx'}" lineColor="#FFBF60" @click="tabClick">
						</up-tabs>
					</view>

					<view class="">
						<noOrder v-if="current == 0" />
						<haveOrder v-if="current == 1" />
					</view>

				</view>
			</view>
		</view>
	</view>
</template>

<script setup>
	import {
		ref,
		reactive
	} from "vue"
	import haveOrder from "./components/haveOrder.vue"
	import noOrder from "./components/noOrder.vue"

	const code = ref('asdasaadsdsa')
	const url = ref('https://uview-plus.jiangruyi.com/components/button.html')
	const current = ref(0)

	const list = reactive([{
			name: '未下单'
		},
		{
			name: '已下单'
		},
	]);

	const tabClick = (item) => {
		current.value = item.index
	}
</script>


<style scoped lang="scss">
	@import "index";
</style>