This commit is contained in:
Mr.jiang 2024-06-25 21:34:17 +08:00
commit edb07a2ed2
1 changed files with 55 additions and 31 deletions

View File

@ -1,16 +1,14 @@
<template>
<view class="content">
<view class="hai-img">
<image :src="userImageUrl" mode=""></image>
</view>
<view class="view1" v-bind:style="{backgroundImage: 'url('+backgroundImage+')'}">
<view style="padding-top: 820upx;" @longpress="logoTime(userImageUrl)">
<view style="width: 100%;height: 150upx;display: flex;background: #f7f7f7;padding: 20upx 10upx;">
<image :src="userImageUrl"
style="border-radius: 100upx;width: 100upx;height: 100upx;margin-left: 30upx;"></image>
<view style="width: 100%;height: 150upx;display: flex;background: #f7f7f7;padding: 20px 10upx;">
<image :src="userImageUrl" class="touxiang"></image>
<view class="login-view-text1" style="margin-left: 30upx;width: 59%;">
<view style="font-size: 16px;">{{ nickName }}</view>
<view style=" font-size: 12px;margin-top: 20upx;">邀请码:{{invitationCode}}</view>
<view class="fenxiaong-name">
{{ nickName }}
</view>
<view class="fenxiaong-id">ID:{{invitationCode}}</view>
</view>
<canvas canvas-id="qrcode" style="width: 140upx;height: 130upx;" />
</view>
@ -18,16 +16,18 @@
</view>
<view style="display: flex;flex-direction: row; padding: 40upx;justify-content: center;">
<!-- #ifdef H5 -->
<button @click="share()" type="default"
style="border: 1px #096f4b solid;color: #096f4b;font-size: 15px; width: 50%;border-radius: 30px;">分享链接</button>
<button @tap="showModal()" type="default"
style="background: linear-gradient(to right, #223845, #00a85b);font-size: 15px;color: #FFFFFF; width: 50%; margin-left: 40upx;border-radius: 30px;">分享海报</button>
<button @click="share()" type="default" class="liangjie fen-btn">
<span>分享链接</span>
<image src="../../static/bbn2.png" mode=""></image>
</button>
<button @tap="showModal()" type="default" class="haibao fen-btn">
<span>分享海报</span>
<image src="../../static/bbn.png" mode=""></image>
</button>
<!-- #endif -->
<!-- #ifdef APP-PLUS -->
<button v-if="isShowWxAPPShare==''" @click="shareWeiXin()" type="default"
style="border: 1px #096f4b solid;color: #096f4b;font-size: 15px;width: 50%;border-radius: 30px;">分享链接</button>
<button v-if="isShowWxAPPShare==''" @click="sharAPPUrl()" type="default"
style="border: 1px #096f4b solid;color: #096f4b;font-size: 15px;width: 50%;border-radius: 30px;">分享链接</button>
<button v-if="isShowWxAPPShare=='是'" @click="shareWeiXin()" type="default">分享链接</button>
<button v-if="isShowWxAPPShare=='否'" @click="sharAPPUrl()" type="default">分享链接</button>
<button @tap="showModal()" type="default"
style="background: linear-gradient(to right, #223845, #00a85b);font-size: 15px;color: #FFFFFF; width: 50%; margin-left: 40upx;border-radius: 30px;">分享海报</button>
@ -277,7 +277,6 @@
});
},
logoTime(urlList) {
console.log(11)
uni.previewImage({
current: 0,
urls: urlList,
@ -291,7 +290,6 @@
getUserInfo() {
this.$Request.get("/app/user/selectUserById").then(res => {
if (res.code == 0) {
console.log(2222)
this.nickName = res.data.userName
this.invitationCode = res.data.invitationCode
this.userImageUrl = res.data.avatar ? res.data.avatar : '../../static/logo.png'
@ -584,22 +582,48 @@
}
</script>
<style>
/deep/uni-page-head .uni-page-head__title{
<style scoped>
.fen-btn{
height: 115rpx;
line-height: 115rpx;
background: #FFFFFF;
border-radius: 20rpx;
width: 50%;
font-weight: bold;
font-size: 38rpx;
color: #17181C;
font-size: 33rpx;
color: #333333;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
.haibao{
margin-left: 40upx;
}
.hai-img{
width: 95%;
height: 865rpx;
margin: 0 auto;
.haibao image{
width: 53rpx;
height: 54rpx;
}
.hai-img image{
width: 100%;
height: 100%;
/* box-shadow: 0rpx 58rpx 128rpx 0rpx rgba(124,66,35,0.35); */
border-radius: 14rpx;
.liangjie image{
width: 53rpx;
height: 54rpx;
}
.touxiang{
border-radius: 100upx;
width:105.56rpx;
height:105.56rpx;
margin-left: 30upx;
}
.fenxiaong-name{
font-weight: bold;
font-size: 33rpx;
color: #000000;
}
.fenxiaong-id{
margin-top: 20upx;
font-weight: bold;
font-size: 19rpx;
color: #0E050A;
}
.content{
width: 100%;