|
|
@ -4,7 +4,7 @@ |
|
|
|
<u-notice-bar mode="horizontal" :list="list" color="#fff" bg-color="rgba(255,255,255,0.22)"></u-notice-bar> |
|
|
|
<u-notice-bar mode="horizontal" :list="list" color="#fff" bg-color="rgba(255,255,255,0.22)"></u-notice-bar> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="invite-hd"> |
|
|
|
<view class="invite-hd"> |
|
|
|
<image :src="$picUrl+'/static/news/invite-bg.png'"></image> |
|
|
|
<!-- <image :src="$picUrl+'/static/news/invite-bg.png'"></image> --> |
|
|
|
<view class="btn" @click="openPage(3)"></view> |
|
|
|
<view class="btn" @click="openPage(3)"></view> |
|
|
|
<view class="rule" @click="openPage(4)"></view> |
|
|
|
<view class="rule" @click="openPage(4)"></view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
@ -15,7 +15,7 @@ |
|
|
|
累计邀请好友(人) |
|
|
|
累计邀请好友(人) |
|
|
|
<view class="p">{{info.count_people}}</view> |
|
|
|
<view class="p">{{info.count_people}}</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="l"> |
|
|
|
<view class="l" style="border: none;"> |
|
|
|
累计现金奖励(元) |
|
|
|
累计现金奖励(元) |
|
|
|
<view class="p">{{info.money}}</view> |
|
|
|
<view class="p">{{info.money}}</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
@ -214,8 +214,8 @@ |
|
|
|
|
|
|
|
|
|
|
|
<style lang="scss" scoped> |
|
|
|
<style lang="scss" scoped> |
|
|
|
.invite{ |
|
|
|
.invite{ |
|
|
|
min-height: 100vh; |
|
|
|
background: url(https://www.royaum.com.cn/static/news/invite-bg.png?t=2) center top no-repeat; |
|
|
|
overflow: hidden; |
|
|
|
background-size: 100% auto; |
|
|
|
&-popup{ |
|
|
|
&-popup{ |
|
|
|
width: 100%; |
|
|
|
width: 100%; |
|
|
|
height: 100%; |
|
|
|
height: 100%; |
|
|
@ -272,16 +272,13 @@ |
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
&-notice{ |
|
|
|
&-notice{ |
|
|
|
background-color: #FF5554; |
|
|
|
// background-color: #FF5554; |
|
|
|
} |
|
|
|
} |
|
|
|
&-hd{ |
|
|
|
&-hd{ |
|
|
|
width: 100%; |
|
|
|
width: 100%; |
|
|
|
text-align: center; |
|
|
|
text-align: center; |
|
|
|
background-color: #FF5554; |
|
|
|
// background-color: #FF5554; |
|
|
|
image{ |
|
|
|
height: 436rpx; |
|
|
|
width: 750rpx; |
|
|
|
|
|
|
|
height: 415rpx; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
position: relative; |
|
|
|
position: relative; |
|
|
|
.rule{ |
|
|
|
.rule{ |
|
|
|
width: 130rpx; |
|
|
|
width: 130rpx; |
|
|
@ -297,20 +294,20 @@ |
|
|
|
position: absolute; |
|
|
|
position: absolute; |
|
|
|
left: 50%; |
|
|
|
left: 50%; |
|
|
|
margin-left: -205rpx; |
|
|
|
margin-left: -205rpx; |
|
|
|
bottom: 25rpx; |
|
|
|
bottom:0rpx; |
|
|
|
z-index: 2; |
|
|
|
z-index: 2; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
&-bd{ |
|
|
|
&-bd{ |
|
|
|
padding: 0 38rpx 60rpx 32rpx; |
|
|
|
padding: 0 32rpx 60rpx 32rpx; |
|
|
|
background: linear-gradient(181deg, #FF5F55 0%, #FAC39D 100%); |
|
|
|
// background: linear-gradient(181deg, #FF5F55 0%, #FAC39D 100%); |
|
|
|
overflow: hidden; |
|
|
|
overflow: hidden; |
|
|
|
&-a{ |
|
|
|
&-a{ |
|
|
|
width: 100%; |
|
|
|
width: 100%; |
|
|
|
height: 366rpx; |
|
|
|
height: 366rpx; |
|
|
|
background: #FFFFFF; |
|
|
|
background: #FFFFFF; |
|
|
|
border-radius: 12rpx; |
|
|
|
border-radius: 12rpx; |
|
|
|
margin-top: 30rpx; |
|
|
|
margin-top: 40rpx; |
|
|
|
.a{ |
|
|
|
.a{ |
|
|
|
padding: 50rpx 0 30rpx; |
|
|
|
padding: 50rpx 0 30rpx; |
|
|
|
overflow: hidden; |
|
|
|
overflow: hidden; |
|
|
|