合并代码

version/0412
fanfan 11 months ago
parent 6f22a3fad9
commit ef69cc20bf
  1. 296
      pages/invite/index.vue

@ -57,7 +57,6 @@
<!-- {{info.integral}}积分 -->
</view>
<view class="l">
<<<<<<< HEAD
长期返现
<!-- 首单返{{info.one_order_rate}}% -->
</view>
@ -116,65 +115,9 @@
// this.qrcode = ""
}
},
=======
长期返现
<!-- 首单返{{info.one_order_rate}}% -->
</view>
</view>
</view>
<!-- <view class="invite-bd-d">
<image :src="$picUrl+'/static/news/invite-bg4.png'"></image>
<view class="p" @click="openPage(3)">立即邀请</view>
</view> -->
</view>
<!-- -->
<view class="invite-popup" v-if="isPopup">
<view class="popup">
<image class="bg" :src="qrcode"></image>
<view class="tips" @click="download()">保存海报图</view>
<view class="close">
</view>
</view>
</view>
</view>
</template>
<script>
import { createQrCodeImg } from '@/utils/qrcode'
import * as newFunApi from '@/api/newFun'
export default{
data(){
return{
qrcode: "",
userInfo: {},
backgroundBg: {
"background": "rgba(255,255,255,0.22)"
},
backgroundBg1: {
"background-color": "transparent"
},
isPopup: false,
info: {},
list: ["邀请更多好友,获得更多奖金"]
}
},
onReady() {
this.getList();
},
onShow() {
if(uni.getStorageSync("AccessToken")){
this.userInfo = uni.getStorageSync("userInfo");
// this.qrcode = createQrCodeImg(this.userInfo.user_id, { 'size': 500 });
}else{
this.userInfo = {}
// this.qrcode = ""
}
},
>>>>>>> 6e373bfa00736a89d269cd841552ba87aef59342
methods: {
//
getCarousel(type) {
getCarousel() {
const app = this;
app.list = []
Api.getAgreement({
@ -314,7 +257,6 @@
} else if (index == 4) {
uni.navigateTo({
url: "/pages/invite/rule"
<<<<<<< HEAD
})
}
@ -573,239 +515,3 @@
}
}
</style>
=======
})
}
},
}
}
</script>
<style lang="scss" scoped>
.invite{
background: url(https://www.royaum.com.cn/static/news/invite-bg.png?t=2) center top no-repeat;
background-size: 100% auto;
&-popup{
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.6);
position: fixed;
left: 0;
top: 0;
z-index: 55;
.popup{
width: 672rpx;
height: 912rpx;
position: absolute;
left: 50%;
margin-left: -336rpx;
top: 50%;
margin-top: -506rpx;
z-index: 2;
.bg{
width: 672rpx;
height: 100%;
border-radius: 26rpx;
}
.qrcode{
width: 200rpx;
height: 200rpx;
position: absolute;
right: 25rpx;
top: 670rpx;
border: 8rpx solid #FFFFFF;
z-index: 2;
border-radius: 5rpx;
}
.tips{
width: 600rpx;
height: 70rpx;
background-color: #FFFFFF;
position: absolute;
text-align: center;
font-size: 30rpx;
line-height: 70rpx;
border-radius: 10rpx;
color: #212121;
left: 50%;
margin-left: -300rpx;
bottom: -100rpx;
z-index: 2;
}
.close{
width: 60rpx;
height: 60rpx;
position: absolute;
left: 50%;
bottom: -150rpx;
color: #FFFFFF;
z-index: 2;
}
}
}
&-notice{
// background-color: #FF5554;
}
&-hd{
width: 100%;
text-align: center;
// background-color: #FF5554;
height: 436rpx;
position: relative;
.rule{
width: 130rpx;
height: 50rpx;
position: absolute;
right: 0;
top: 208rpx;
z-index: 2;
}
.btn{
width: 396rpx;
height: 88rpx;
position: absolute;
left: 50%;
margin-left: -205rpx;
bottom:0rpx;
z-index: 2;
}
}
&-bd{
padding: 0 32rpx 60rpx 32rpx;
// background: linear-gradient(181deg, #FF5F55 0%, #FAC39D 100%);
overflow: hidden;
&-a{
width: 100%;
height: 366rpx;
background: #FFFFFF;
border-radius: 12rpx;
margin-top: 40rpx;
.a{
padding: 50rpx 0 30rpx;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
.l{
flex: 1;
border-right: 1px solid #DDDDDD;
font-size: 28rpx;
font-weight: 500;
color: #414141;
.p{
font-size: 54rpx;
font-weight: 500;
color: #FF5251;
margin-top: 20rpx;
}
}
}
.b{
width: 396rpx;
height: 88rpx;
background: linear-gradient(180deg, #FD5B54 0%, #FFC277 100%);
border-radius: 106rpx;
border: 1px solid #FFFFFF;
display: flex;
align-items: center;
justify-content: center;
font-size: 32rpx;
color: #FFFFFF;
margin: 0 auto;
}
.c{
display: flex;
align-items: center;
justify-content: center;
font-size: 24rpx;
color: #FF5251;
margin-top: 20rpx;
}
}
&-b{
width: 100%;
height: 515rpx;
margin-top: 20rpx;
position: relative;
image{
width: 100%;
height: 100%;
}
.a{
width: 100%;
bottom: 40rpx;
padding: 0 25rpx;
box-sizing: border-box;
z-index: 1;
left: 0;
position: absolute;
display: flex;
align-items: center;
justify-content: center;
.l{
flex: 1;
text-align: center;
font-size: 28rpx;
font-weight: 500;
color: #FF4D4C;
}
}
}
&-c{
width: 100%;
height: 375rpx;
margin-top: 20rpx;
position: relative;
image{
width: 100%;
height: 100%;
}
.a{
width: 260rpx;
bottom: -60rpx;
box-sizing: border-box;
z-index: 1;
right: 0;
position: absolute;
display: flex;
flex-wrap: wrap;
.l{
width: 130rpx;
height: 135rpx;
text-align: center;
font-size: 22rpx;
font-weight: 500;
color: #414141;
}
}
}
&-d{
width: 100%;
height: 108rpx;
position: relative;
margin-top: 20rpx;
image{
width: 100%;
height: 100%;
}
.p{
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 2;
text-align: center;
line-height: 105rpx;
font-size: 36rpx;
font-weight: 500;
color: #FF5251;
}
}
}
}
</style>
>>>>>>> 6e373bfa00736a89d269cd841552ba87aef59342

Loading…
Cancel
Save