猫妈狗爸伴宠师小程序前端代码
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.
 
 
 
 

112 lines
3.5 KiB

<template>
<view class="bind-user">
<view class="bind-user-header">
<view class="flex mb28">
<up-image width="139rpx" height="139rpx" :src="userInfo?.userImage" shape="circle"></up-image>
<view class="header-name">
<view class="font32 mb20" :style="{color:'#000'}">{{ userInfo?.userName}}</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="userInfo.invitationCode">
<template #suffix>
<up-button @click="copyMessage(code)" text="复制" type="success" size="small" shape="circle"></up-button>
</template>
</up-input>
</view>
<view class="bind-main-two mb10">
<view class="mb20 font32">分享海报邀请</view>
<view class="mb20">扫码进入猫妈狗爸完成绑定</view>
<up-button text="保存海报" type="primary" shape="circle" plain style="background: transparent;"></up-button>
</view>
<view class="bind-main-three">
<view class="mb20 font32">分享链接邀请</view>
<view class="mb20">复制链接给好友进入直接绑定</view>
<up-input disabled v-model="url">
<template #suffix>
<up-button @click="copyMessage(url)" text="复制" type="success" size="small" shape="circle"></up-button>
</template>
</up-input>
</view>
</view>
</view>
</template>
<script setup>
import {
computed,
ref
} from "vue";
import {
useStore
} from "vuex"
const store = useStore();
const userInfo = computed(() => {
return store.getters.userInfo
})
const code = ref('asdasaadsdsa')
const url = ref('https://uview-plus.jiangruyi.com/components/button.html');
//复制
const copyMessage = (value) => {
uni.setClipboardData({
data: value,
success: function(res) {
uni.getClipboardData({
success: function(res) {
uni.showToast({
icon: 'none',
title: "复制成功",
});
},
});
},
});
}
</script>
<style scoped lang="scss">
@import "index";
</style>