|
|
- <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>
|