9.25
This commit is contained in:
xvv
parent
57c3422180
commit
62672a5c09
@ -30,7 +30,7 @@
|
||||
<image src="../../static/new/n5.png" mode=""></image>
|
||||
<view class="">领券中心</view>
|
||||
</view>
|
||||
<view class="_bgox">
|
||||
<view class="_bgox" @click="goInvite()">
|
||||
<image src="../../static/new/n6.png" mode=""></image>
|
||||
<view class="">邀请有礼</view>
|
||||
</view>
|
||||
@ -261,6 +261,11 @@
|
||||
tabbar
|
||||
},
|
||||
methods: {
|
||||
goInvite() {
|
||||
uni.navigateTo({
|
||||
url: '/pagesMy/invite/invite'
|
||||
})
|
||||
},
|
||||
goMyCard() {
|
||||
uni.navigateTo({
|
||||
url: '/pagesHome/MyCard/MyCard'
|
||||
|
||||
@ -14,7 +14,7 @@
|
||||
<image src="../../static/new/fxrwm.png" mode=""></image>
|
||||
<view class="min-size">分享二维码</view>
|
||||
</view>
|
||||
<view class="or-box">
|
||||
<view class="or-box" @click="goList()">
|
||||
<image src="../../static/new/jljl.png" mode=""></image>
|
||||
<view class="min-size">奖励记录</view>
|
||||
</view>
|
||||
@ -25,7 +25,7 @@
|
||||
</view>
|
||||
<view class="h_bs">
|
||||
<view class="title_">推荐会员消费有礼</view>
|
||||
<view class="d-s">
|
||||
<view class="d-s" @click="goDetails()">
|
||||
<view class="hui-size">详情</view>
|
||||
<u-icon name="arrow-right" color="#999999" size="12"></u-icon>
|
||||
</view>
|
||||
@ -56,7 +56,7 @@
|
||||
<view class="si_t">
|
||||
<view style="display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; ">
|
||||
<view class="title_">适用门店</view>
|
||||
<view class="d-s" style=" color: #FF2828; ">
|
||||
<view class="d-s" style=" color: #FF2828; margin: 0px; ">
|
||||
<image src="../../static/icon/reddh.png" style="width: 14px; height: 14px; "></image> 导航
|
||||
</view>
|
||||
</view>
|
||||
@ -65,11 +65,55 @@
|
||||
</view>
|
||||
<!-- 顶部区域 -->
|
||||
|
||||
<u-popup :show="show" mode="center" :round="10" @close="close" @open="open">
|
||||
<view class="popup_box">
|
||||
<w-qrcode :options="options"></w-qrcode>
|
||||
<u-overlay :show="show" @click="show = false">
|
||||
<view class="warp">
|
||||
<view class="warp-cent" @tap.stop>
|
||||
<view class="title_or">扫码领会员</view>
|
||||
<view class="d-s">
|
||||
<view class="touxiang">
|
||||
<image src="../../static/logo.png" mode=""></image>
|
||||
</view>
|
||||
<view class="">
|
||||
<view class="tiitle_">百业兴加油站</view>
|
||||
<view class="size_">油站会员卡</view>
|
||||
</view>
|
||||
</view>
|
||||
<view style="width: 100%;display: flex;justify-content: center; ">
|
||||
<w-qrcode :options="options"></w-qrcode>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
<view class="warp-bottom" @tap.stop>
|
||||
<view class="bott_box">
|
||||
<view class=""></view>
|
||||
<view class="">选择方式</view>
|
||||
<view class="" @click="show = false">
|
||||
<u-icon name="close" size="16"></u-icon>
|
||||
</view>
|
||||
</view>
|
||||
<view class="bott-box">
|
||||
<view class="">
|
||||
<view class="">
|
||||
<image src="../../static/my/fztp.png" style="width: 40px; height: 40px; "></image>
|
||||
</view>
|
||||
<view class="">
|
||||
保存图片
|
||||
</view>
|
||||
|
||||
</view>
|
||||
<view class="">
|
||||
<view class="">
|
||||
<image src="../../static/my/fzlj.png" style="width: 40px; height: 40px; "></image>
|
||||
</view>
|
||||
<view class="">
|
||||
复制链接
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</u-popup>
|
||||
</u-overlay>
|
||||
|
||||
|
||||
</view>
|
||||
@ -90,13 +134,13 @@
|
||||
title: '',
|
||||
userId: '',
|
||||
storeId: '',
|
||||
show: false,
|
||||
show: true,
|
||||
options: {
|
||||
code: 'https://oilapi.youkerr.com/oily?storeId=' + uni.getStorageSync('storeId') + '&userId=' + uni
|
||||
.getStorageSync('userId') + '&type=yaoqingyouli',
|
||||
// code: 'https://www.tuofeng.cc/oily?storeId=' + uni.getStorageSync('storeId') + ' &userId=' + uni
|
||||
// .getStorageSync('userId'), // 生成二维码的值
|
||||
size: 500, // 460代表生成的二维码的宽高均为460rpx
|
||||
size: 400, // 460代表生成的二维码的宽高均为460rpx
|
||||
},
|
||||
|
||||
}
|
||||
@ -166,6 +210,16 @@
|
||||
this.getActiveRecommendRecords();
|
||||
},
|
||||
methods: {
|
||||
goList() {
|
||||
uni.navigateTo({
|
||||
url: '/pagesMy/invite/list'
|
||||
})
|
||||
},
|
||||
goDetails() {
|
||||
uni.navigateTo({
|
||||
url: '/pagesMy/invite/details'
|
||||
})
|
||||
},
|
||||
// https://www.tuofeng.cc/oilStation?storeId=19&staffId=45
|
||||
close() {
|
||||
this.show = false
|
||||
@ -466,6 +520,8 @@
|
||||
.d-s {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin: 15px auto;
|
||||
}
|
||||
|
||||
.backf {
|
||||
@ -485,4 +541,68 @@
|
||||
border-bottom: 1px solid #EEEEEE;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.warp {
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.warp-bottom {
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
bottom: 0px;
|
||||
background: #fff;
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
padding: 10px;
|
||||
border-radius: 10px 10px 10px 10px;
|
||||
text-align: center;
|
||||
|
||||
}
|
||||
|
||||
.bott-box {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-around;
|
||||
box-sizing: border-box;
|
||||
padding-bottom: 15px;
|
||||
border-top: 1px solid #eee;
|
||||
padding-top: 10px;
|
||||
}
|
||||
|
||||
.bott_box {
|
||||
box-sizing: border-box;
|
||||
padding: 5px;
|
||||
padding-bottom: 15px;
|
||||
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.warp-cent {
|
||||
width: 85%;
|
||||
background: #333;
|
||||
position: absolute;
|
||||
color: #fff;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
bottom: -5%;
|
||||
box-sizing: border-box;
|
||||
padding: 10px;
|
||||
padding-bottom: 60px;
|
||||
}
|
||||
|
||||
.tiitle_ {
|
||||
font-weight: 600;
|
||||
font-size: 16px;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
.title_or {
|
||||
color: #eeb668;
|
||||
text-align: center;
|
||||
font-size: 28px;
|
||||
}
|
||||
</style>
|
||||
@ -12,8 +12,25 @@
|
||||
</view>
|
||||
</view>
|
||||
<view class="tab_">
|
||||
<view class="t-box" :class="{'orsize' : tindex == index }" v-for="(item,index) in tabList"
|
||||
:key="index">{{item.name}}</view>
|
||||
<view class="t-box" :class="{'orsize' : tindex == index }" v-for="(item,index) in tabList" :key="index"
|
||||
@click="setIndex(index)">{{item.name}}</view>
|
||||
</view>
|
||||
<view class="whit-box" v-if="tindex == 1">
|
||||
<view class="one_h" v-for="(item,index) in 4" :key="index">
|
||||
<view class="">券名称</view>
|
||||
<view class="">2024-8-7</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="whit-box" v-else>
|
||||
<view class="one_h" v-for="(item,index) in 4" :key="index">
|
||||
<view class="d-s">
|
||||
<view class="touxiang">
|
||||
<image src="../../static/logo.png" mode=""></image>
|
||||
</view>
|
||||
<view class="">名字</view>
|
||||
</view>
|
||||
<view class="">2024-8-7</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
@ -67,6 +84,9 @@
|
||||
|
||||
},
|
||||
methods: {
|
||||
setIndex(num) {
|
||||
this.tindex = num
|
||||
},
|
||||
//滞空方法
|
||||
resetting() {
|
||||
this.pageNo = 1
|
||||
@ -151,11 +171,50 @@
|
||||
font-weight: 600;
|
||||
font-size: 16px;
|
||||
color: #333333;
|
||||
box-sizing: border-box;
|
||||
padding-bottom: 10px;
|
||||
border-bottom: 1px solid transparent;
|
||||
|
||||
}
|
||||
|
||||
.orsize {
|
||||
color: #FA6400;
|
||||
border-bottom: 1px solid #FA6400;
|
||||
}
|
||||
|
||||
.whit-box {
|
||||
width: 95%;
|
||||
background: #fff;
|
||||
margin: 15px;
|
||||
|
||||
}
|
||||
|
||||
.one_h {
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
padding: 10px;
|
||||
border-bottom: 1px solid #eee;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.touxiang {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
overflow: hidden;
|
||||
border-radius: 50%;
|
||||
margin-right: 10px;
|
||||
|
||||
image {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
.d-s {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
</style>
|
||||
BIN
gasStation-uni/static/my/fzlj.png
Normal file
BIN
gasStation-uni/static/my/fzlj.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
BIN
gasStation-uni/static/my/fztp.png
Normal file
BIN
gasStation-uni/static/my/fztp.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
Loading…
Reference in New Issue
Block a user