dianliang/oil-station
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

9.24

Browse Source
This commit is contained in:
xvv 2024-09-24 15:47:31 +08:00
parent 33caa53b65
commit da47068e17
2 changed files with 69 additions and 74 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
gasStation-uni/pages.json
View File

@ -309,8 +309,8 @@
{ {
"path": "invite/invite", "path": "invite/invite",
"style": { "style": {
"navigationBarTitleText": "邀请有礼", "navigationBarTitleText": "邀请有礼"
"navigationStyle": "custom"
} }
}, },
{ {

97
gasStation-uni/pagesMy/invite/invite.vue
View File

@ -1,27 +1,27 @@
<template> <template>
<view class="content"> <view class="content">
<view class="container"> <view class="container">
<view class="my-header">
<view class="my-icons" @click="goback"> <uni-icons type="left" color="#ffffff" size="16"></uni-icons>
</view>
<view class="my-text">邀请有礼</view>
<view class="my-icons"></view>
</view>
<view class="faimg"> <view class="faimg">
<view class="box-img"> <view class="box-img">
<image src="../../static/imgs/fmbj.png" mode="aspectFit"></image> <image src="../../static/new/top_.png" mode="aspectFit"></image>
</view>
</view> </view>
<view class="hbbox"> <view class="hbbox">
<view class="h-box"> <view class="h-box">
<view class="or-box"> <view class="or-box">
<view class="max-size">{{allAmount}}元</view> <image src="../../static/new/fxrwm.png" mode=""></image>
<view class="min-size">优惠券总额</view> <view class="min-size">分享二维码</view>
</view> </view>
<view class="or-box"> <view class="or-box">
<view class="max-size">{{this.activeRecommendRecordsList.length || 0}}人</view> <image src="../../static/new/jljl.png" mode=""></image>
<view class="min-size">邀请人数</view> <view class="min-size">奖励记录</view>
</view> </view>
</view> </view>
<view class="or-aniu">
立即分享
</view>
<view class="x-box"> <view class="x-box">
<view class="l-naniu" @click="open"> <view class="l-naniu" @click="open">
<u-icon name="grid" color="#FCDB5A" size="18"></u-icon> <u-icon name="grid" color="#FCDB5A" size="18"></u-icon>
@ -37,7 +37,6 @@
</view> </view>
</view> </view>
</view>
<!-- 顶部区域 --> <!-- 顶部区域 -->
<view class="bai-box"> <view class="bai-box">
@ -99,10 +98,10 @@
} }
}, },
onLoad() { onLoad() {
let codes = 'https://oilapi.youkerr.com/oily?storeId=' + uni.getStorageSync('storeId') + // let codes = 'https://oilapi.youkerr.com/oily?storeId=' + uni.getStorageSync('storeId') +
'&userId=' + uni.getStorageSync('userId') + '&type=yaoqingyouli' // '&userId=' + uni.getStorageSync('userId') + '&type=yaoqingyouli'
console.log(codes); // console.log(codes);
this.query.storeId = uni.getStorageSync("storeId"); // this.query.storeId = uni.getStorageSync("storeId");
}, },
onShareAppMessage(res) { onShareAppMessage(res) {
if (res.from === 'button') { // 来自页面内分享按钮 if (res.from === 'button') { // 来自页面内分享按钮
@ -206,40 +205,20 @@
<style scoped lang="scss"> <style scoped lang="scss">
.content { .content {
background: #2F72F7; background: #F9F9F9;
} }
.container { .container {
width: 100%; width: 100%;
height: 100vh; height: 100vh;
box-sizing: border-box; box-sizing: border-box;
padding-top: 88px;
}
.my-header {
width: 100%;
height: 88px;
background: #2F72F7;
display: flex;
align-items: center;
justify-content: space-between;
color: #ffffff;
box-sizing: border-box;
padding: 0px 15px;
padding-top: 40px;
.my-icons {
width: 20px;
} }
position: fixed;
top: 0px;
}
.box-img { .box-img {
width: 100%; width: 100%;
height: 400px; height: 200px;
image { image {
width: 100%; width: 100%;
@ -248,15 +227,11 @@
} }
.hbbox { .hbbox {
width: 90%; width: 95%;
margin: 0px auto; margin: 0px auto;
height: 200px; height: 200px;
background: url('http://47.95.206.185:83/axb.png')center no-repeat;
background-size: 100% 100%;
position: absolute;
left: 50%;
transform: translate(-50%, -50%);
bottom: -172px;
} }
@ -265,23 +240,32 @@
} }
.or-box { .or-box {
width: 142px; width: 49%;
height: 72px; height: 55px;
background: #FFF4E4; background: #fff;
border-radius: 8px; border-radius: 8px;
margin: 5px; margin: 5px;
text-align: center; text-align: center;
box-sizing: border-box; box-sizing: border-box;
padding-top: 14px;
display: flex;
align-items: center;
justify-content: center;
image {
width: 35px;
height: 35px;
margin-right: 15px;
}
} }
.h-box { .h-box {
width: 100%; width: 100%;
padding: 10px;
box-sizing: border-box; box-sizing: border-box;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: space-between;
padding-top: 5px; padding-top: 5px;
} }
@ -414,6 +398,17 @@
padding: 15px; padding: 15px;
} }
.or-aniu {
width: 95%;
height: 40px;
border-radius: 50px;
display: flex;
align-items: center;
justify-content: center;
background: #FF9655;
color: #fff;
}
button { button {
/* 清除默认边框 */ /* 清除默认边框 */
border: 0; border: 0;