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.
91 lines
2.8 KiB
91 lines
2.8 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 class="flex flex-evenly">
|
|
<view class="header-card card-left">
|
|
<view class="flex-between flex">
|
|
<view class="mr20">
|
|
<view class="mb20">推广攻略</view>
|
|
<view>快速定位宠友群体</view>
|
|
</view>
|
|
<up-image :show-loading="true" src="https://cdn.catmdogd.com/Work/image/work/icon1.png" width="68rpx"
|
|
height="68rpx"></up-image>
|
|
</view>
|
|
</view>
|
|
<view class="header-card card-right">
|
|
<view class="flex flex-between">
|
|
<view class="mr20">
|
|
<view class="mb20">推广教程</view>
|
|
<view>推广问题一目了然</view>
|
|
</view>
|
|
<up-image :show-loading="true" src="https://cdn.catmdogd.com/Work/image/work/icon2.png" width="68rpx"
|
|
height="68rpx"></up-image>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="bind-main">
|
|
<view class="bind-main-one mb28">
|
|
<view class="mb20 font32">邀请码</view>
|
|
<view class="mb20">用户输入邀请码，直接完成绑定</view>
|
|
<up-input
|
|
disabled
|
|
v-model="code"
|
|
>
|
|
<template #suffix>
|
|
<up-button
|
|
text="复制"
|
|
type="success"
|
|
size="small"
|
|
shape="circle"
|
|
></up-button>
|
|
</template>
|
|
</up-input>
|
|
</view>
|
|
<view class="bind-main-two">
|
|
<view class="mb20 font32">分享链接邀请</view>
|
|
<view class="mb20">复制链接给好友，进入直接绑定</view>
|
|
<up-input
|
|
disabled
|
|
v-model="url"
|
|
>
|
|
<template #suffix>
|
|
<up-button
|
|
text="复制"
|
|
type="success"
|
|
size="small"
|
|
shape="circle"
|
|
></up-button>
|
|
</template>
|
|
</up-input>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script setup>
|
|
import {ref} from "vue";
|
|
|
|
const code = ref('asdasaadsdsa')
|
|
const url = ref('https://uview-plus.jiangruyi.com/components/button.html')
|
|
</script>
|
|
|
|
|
|
<style scoped lang="scss">
|
|
@import "index";
|
|
</style>
|