You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
83 lines
2.0 KiB
83 lines
2.0 KiB
<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>
|