细节修改

version/0412
fanfan 9 months ago
parent 3996e159f7
commit 47e142a9d0
  1. 2
      pages.json
  2. 2
      pages/activity/charts.vue
  3. 25
      pages/invite/index.vue
  4. 4
      pages/news/recycling/index.vue

@ -91,7 +91,7 @@
"path": "pages/invite/index", "path": "pages/invite/index",
"style": { "style": {
"navigationBarTitleText": "邀请有礼", "navigationBarTitleText": "邀请有礼",
"navigationBarBackgroundColor": "#FF5554", "navigationBarBackgroundColor": "#FF4A49",
"navigationBarTextStyle": "white" "navigationBarTextStyle": "white"
} }
},{ },{

@ -313,7 +313,7 @@
text-align: center; text-align: center;
position: absolute; position: absolute;
right: 0; right: 0;
top: 160rpx; top: 140rpx;
border-radius: 50rpx 0 0 50rpx; border-radius: 50rpx 0 0 50rpx;
z-index: 22; z-index: 22;
} }

@ -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;

@ -107,10 +107,10 @@
background: url(https://www.royaum.com.cn/static/news/recycling-bg.png) center top no-repeat; background: url(https://www.royaum.com.cn/static/news/recycling-bg.png) center top no-repeat;
background-size: 100% auto; background-size: 100% auto;
&-hd{ &-hd{
height: 305rpx; height: 320rpx;
} }
&-notice{ &-notice{
border-radius: 35rpx 35rpx 0 0; border-radius: 30rpx 30rpx 0 0;
background-color: #fff; background-color: #fff;
display: flex; display: flex;
align-items: center; align-items: center;

Loading…
Cancel
Save