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