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.
50 lines
1.3 KiB
50 lines
1.3 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">微信用户</view>
|
|
<view class="flex font24">
|
|
<view>当前分成比例：
|
|
<text>25%</text>
|
|
</view>
|
|
<view>晋级后分成比例：
|
|
<text>30%</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="bind-main">
|
|
<up-swiper
|
|
:list="list3"
|
|
previousMargin="30"
|
|
nextMargin="30"
|
|
circular
|
|
:autoplay="false"
|
|
radius="10"
|
|
bgColor="#FFBF60"
|
|
height="300rpx"
|
|
></up-swiper>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script setup>
|
|
import {reactive, ref} from "vue";
|
|
|
|
const list3 = reactive([
|
|
'https://cdn.uviewui.com/uview/swiper/swiper3.png',
|
|
'https://cdn.uviewui.com/uview/swiper/swiper2.png',
|
|
'https://cdn.uviewui.com/uview/swiper/swiper1.png',
|
|
]);
|
|
const code = ref('asdasaadsdsa')
|
|
const url = ref('https://uview-plus.jiangruyi.com/components/button.html')
|
|
</script>
|
|
|
|
|
|
<style scoped lang="scss">
|
|
@import "index";
|
|
</style>
|