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.
82 lines
2.7 KiB
82 lines
2.7 KiB
<template>
|
|
<view class="bind-user">
|
|
<view class="bind-user-header">
|
|
<view class="flex mb28">
|
|
<up-image width="139rpx" height="139rpx" src="https://cdn.uviewui.com/uview/album/1.jpg"
|
|
shape="circle"></up-image>
|
|
<view class="header-name">
|
|
<view class="font32 mb20" :style="{color:'#000'}">猫小姐</view>
|
|
<view class="label1">
|
|
初级合伙人
|
|
</view>
|
|
<view class="flex font24">
|
|
<view :style="{color:'#A55822'}">当前分成比例：
|
|
<text :style="{color:'#C12525'}">25%</text>
|
|
</view>
|
|
<view :style="{color:'#A55822'}">晋级后分成比例：
|
|
<text :style="{color:'#C12525'}">30%</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="flex flex-evenly mt60">
|
|
<view class="header-card card-left box-size">
|
|
<view class="flex-between flex">
|
|
<view class="mr20">
|
|
<view class="mb20 ml20" :style="{color:'#A55822',fontWeight:'bold',fontSize:'30rpx'}">推广攻略
|
|
</view>
|
|
<view :style="{color:'#A55822',fontSize:'22rpx'}">快速定位宠友群体</view>
|
|
</view>
|
|
<up-image :show-loading="true" src="https://cdn.catmdogd.com/Work/image/work/icon1.png"
|
|
width="71rpx" height="85rpx"></up-image>
|
|
</view>
|
|
</view>
|
|
<view class="header-card card-right box-size">
|
|
<view class="flex flex-between">
|
|
<view class="mr20">
|
|
<view class="mb20 ml20" :style="{color:'#A55822',fontWeight:'bold',fontSize:'30rpx'}">推广教程
|
|
</view>
|
|
<view :style="{color:'#A55822',fontSize:'22rpx'}">推广问题一目了然</view>
|
|
</view>
|
|
<up-image :show-loading="true" src="https://cdn.catmdogd.com/Work/image/work/icon2.png"
|
|
width="71rpx" height="85rpx"></up-image>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="bind-main">
|
|
<view class="bind-main-one mb10">
|
|
<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>
|