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