<template>
|
<view>
|
<view class="main_con">
|
<image class="bg" src="https://img.ushopvip.com/fx/invitebg.jpeg"></image>
|
<view class="ifre_contant uni-row" >
|
<view class="flex-item-top uni-bg-red" >
|
|
A
|
</view>
|
<view class="flex-item-bottom uni-flex" >
|
|
<view class="share_con">
|
<view>
|
<view class="uni-flex uni-row" style=" -webkit-justify-content: space-between;justify-content: space-between;">
|
<button type="primary" class="no-border confirm-btn confirm-btn-copy">复制链接</button>
|
<button type="primary" class="no-border confirm-btn confirm-btn-share">分享海报</button>
|
</view>
|
|
</view>
|
<view class="uni-share-text">*好友使用你分享的链接成功注册后，Ta将成为你的粉丝，粉丝下单，你也可以获得收益哦！</view>
|
</view>
|
</view>
|
</view>
|
</view>
|
</view>
|
</template>
|
|
<script>
|
export default {
|
data() {
|
return {
|
|
}
|
},
|
methods: {
|
|
}
|
}
|
</script>
|
|
<style>
|
.main_con {
|
margin: 0 15px 0 15px;
|
}
|
|
.bg {
|
position: absolute;
|
left: 0;
|
top: 0;
|
width: 100%;
|
height: 100%;
|
filter: blur(1px);
|
opacity: .3;
|
}
|
|
.ifre_contant {
|
display: flex;
|
flex-direction: column;
|
flex: 0 0 100rpx;
|
position: relative;
|
align-content:space-between;
|
}
|
|
.flex-item {
|
width: 100%;
|
text-align: center;
|
}
|
|
.flex-item-top {
|
|
height: 900rpx;
|
text-align: center;
|
}
|
|
.flex-item-bottom {
|
width: 100%;
|
margin-top: 90rpx;
|
height: 200rpx;
|
-webkit-justify-content: center;
|
justify-content: center;
|
-webkit-align-items: flex-end;
|
align-items: flex-end;
|
}
|
|
.share_con {
|
width: 100%;
|
border-radius: 7px;
|
background: #fff;
|
|
padding: 30rpx 50rpx 30rpx 50rpx;
|
}
|
.confirm-btn{
|
padding: 0 38upx;
|
width: 40%;
|
margin: 0;
|
border-radius: 100px;
|
height: 76upx;
|
line-height: 76upx;
|
font-size: 14px;
|
}
|
.confirm-btn-copy
|
{
|
background: #e7ea27;
|
}
|
.confirm-btn-share
|
{
|
background: #ff7a45;
|
}
|
.uni-share-text
|
{
|
color: #847070;
|
font-size: 13px;
|
margin-top: 10rpx;
|
}
|
</style>
|
