This commit is contained in:
commit
edb07a2ed2
|
@ -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%;
|
||||||
|
|
Loading…
Reference in New Issue