pet-front/otherPages/workbenchManage/bindUser/index.vue

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