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",
"style": {
"navigationBarTitleText": "邀请有礼",
"navigationStyle": "custom"
"navigationBarTitleText": "邀请有礼"
}
},
{

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

@ -1,42 +1,41 @@
<template>
<view class="content">
<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="box-img">
<image src="../../static/imgs/fmbj.png" mode="aspectFit"></image>
<image src="../../static/new/top_.png" mode="aspectFit"></image>
</view>
<view class="hbbox">
<view class="h-box">
<view class="or-box">
<view class="max-size">{{allAmount}}元</view>
<view class="min-size">优惠券总额</view>
</view>
<view class="or-box">
<view class="max-size">{{this.activeRecommendRecordsList.length || 0}}人</view>
<view class="min-size">邀请人数</view>
</view>
</view>
<view class="x-box">
<view class="l-naniu" @click="open">
<u-icon name="grid" color="#FCDB5A" size="18"></u-icon>
<text>面对面邀请</text>
</view>
<view class="r-naniu">
<u-icon name="share-fill" color="#E9312F" size="18"></u-icon>
<button class="qiangzhi" open-type="share">
<text>分享给好友</text>
</button>
</view>
</view>
<view class="hbbox">
<view class="h-box">
<view class="or-box">
<image src="../../static/new/fxrwm.png" mode=""></image>
<view class="min-size">分享二维码</view>
</view>
<view class="or-box">
<image src="../../static/new/jljl.png" mode=""></image>
<view class="min-size">奖励记录</view>
</view>
</view>
<view class="or-aniu">
立即分享
</view>
<view class="x-box">
<view class="l-naniu" @click="open">
<u-icon name="grid" color="#FCDB5A" size="18"></u-icon>
<text>面对面邀请</text>
</view>
<view class="r-naniu">
<u-icon name="share-fill" color="#E9312F" size="18"></u-icon>
<button class="qiangzhi" open-type="share">
<text>分享给好友</text>
</button>
</view>
</view>
</view>
<!-- 顶部区域 -->
@ -67,7 +66,7 @@
<w-qrcode :options="options"></w-qrcode>
</view>
</u-popup>
</view>
</view>
@ -99,10 +98,10 @@
}
},
onLoad() {
let codes = 'https://oilapi.youkerr.com/oily?storeId=' + uni.getStorageSync('storeId') +
'&userId=' + uni.getStorageSync('userId') + '&type=yaoqingyouli'
console.log(codes);
this.query.storeId = uni.getStorageSync("storeId");
// let codes = 'https://oilapi.youkerr.com/oily?storeId=' + uni.getStorageSync('storeId') +
// '&userId=' + uni.getStorageSync('userId') + '&type=yaoqingyouli'
// console.log(codes);
// this.query.storeId = uni.getStorageSync("storeId");
},
onShareAppMessage(res) {
if (res.from === 'button') { // 来自页面内分享按钮
@ -154,7 +153,7 @@
return {
title: '来个油惠',
path: '/pages/index/index?storeId=' + uni.getStorageSync('storeId') + '&userId=' + uni
.getStorageSync('userId') + '&type=yaoqingyouli'
.getStorageSync('userId') + '&type=yaoqingyouli'
}
},
@ -206,40 +205,20 @@
<style scoped lang="scss">
.content {
background: #2F72F7;
background: #F9F9F9;
}
.container {
width: 100%;
height: 100vh;
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 {
width: 100%;
height: 400px;
height: 200px;
image {
width: 100%;
@ -248,15 +227,11 @@
}
.hbbox {
width: 90%;
width: 95%;
margin: 0px auto;
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 {
width: 142px;
height: 72px;
background: #FFF4E4;
width: 49%;
height: 55px;
background: #fff;
border-radius: 8px;
margin: 5px;
text-align: center;
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 {
width: 100%;
padding: 10px;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
justify-content: space-between;
padding-top: 5px;
}
@ -414,6 +398,17 @@
padding: 15px;
}
.or-aniu {
width: 95%;
height: 40px;
border-radius: 50px;
display: flex;
align-items: center;
justify-content: center;
background: #FF9655;
color: #fff;
}
button {
/* 清除默认边框 */
border: 0;