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

9.26

Browse Source
This commit is contained in:
cun-nan 2024-09-26 14:39:28 +08:00
parent eef9acc901
commit 80c27908de
3 changed files with 163 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
gasStation-uni/pages.json
View File

@ -269,6 +269,12 @@
"navigationStyle": "custom"
}
},
{
"path": "Coupons/details",
"style": {
"navigationBarTitleText": "卡券详情"
}
},
{

7
gasStation-uni/pages/my/my.vue
View File

@ -120,7 +120,7 @@
车牌管理
</view>
</view>
<view class="centenr-sx">
<view class="centenr-sx" @click="goCZZ()">
<view class="centenr-img">
<image src="@/static/icon/icon/newmy8.png"></image>
</view>
@ -383,6 +383,11 @@
url: '/pagesMy/licensePlate/index'
})
},
goCZZ() {
uni.navigateTo({
url: '/pagesMy/growthValue/index'
})
},
goFleet() {
uni.navigateTo({
url: '/pagesMy/fleetInfo/index'

151
gasStation-uni/pagesMy/Coupons/details.vue Normal file
View File

@ -0,0 +1,151 @@
<template>
<view class="centenr">
<view class="Candywrapper">
<view class="bai-bs">
<view class="">
<image src="../../static/logo.png" style="width: 60px; height: 60px; "></image>
</view>
<view class="rr-box">
<view class="title_">50元优惠券</view>
<view style="font-size: 12px;color: #666666;">最低消费500元</view>
<view style="width: 100%;display: flex;justify-content: space-between; ">
<view class="red-size">兑换券</view>
<view class="red-size">剩余3张</view>
</view>
</view>
</view>
<view class="bai-box">
<view class="title_">使用须知</view>
<view class="si_">消费条件：订单金额满300元可用</view>
<view class="si_">有效期：领取后10天内有效</view>
<view class="si_">领取说明：</view>
<view class="si_"> 1、每人限领10张 2、每日</view>
<view class="si_">核销说明：</view>
<view class="si_" style="display: flex;align-items: center;">
<view style="width: 6px;height: 6px;background: #FF9655;margin-right: 5px;border-radius: 50%;"></view>
以下模块可用：一键加油、扫码买单
</view>
</view>
<view class="bai-box">
<view style="width: 100%; display: flex;align-items: center;justify-content: space-between; ">
<view class="title_">适用门店</view>
<view class="d-s" style="font-size: 14px;color: #FF2828;">
<image src="../../static/icon/reddh.png" style="width: 18px; height: 18px; "></image>
导航
</view>
</view>
<view class="si">中建锦绣广场二期站</view>
<view class="si">山东省济南市槐荫区 | 3.0km</view>
</view>
</view>
<view class="bottom-box">
<view class="or-num">免费</view>
<view class="anniu">立即领取</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
value: 0
}
},
methods: {
valChange(e) {
console.log('当前值为: ' + e.value)
}
}
}
</script>
<style scoped lang="scss">
.centenr {
width: 100%;
height: 100vh;
background: #F9F9F9;
}
.Candywrapper {
background: #F9F9F9;
box-sizing: border-box;
padding: 10px;
}
.bottom-box {
width: 100%;
background: #fff;
box-sizing: border-box;
padding: 15px 10px;
display: flex;
align-items: center;
justify-content: space-between;
position: fixed;
left: 0px;
bottom: 0px;
}
.or-num {
font-weight: 600;
font-size: 20px;
color: #FA6400;
}
.bai-box {
background-color: #fff;
box-sizing: border-box;
padding: 10px;
width: 100%;
margin: 10px auto;
}
.bai-bs {
background-color: #fff;
box-sizing: border-box;
padding: 10px;
width: 100%;
margin: 10px auto;
display: flex;
align-items: center;
justify-content: space-between;
}
.title_ {
font-weight: 600;
font-size: 16px;
margin-bottom: 5px;
}
.anniu {
width: 90px;
height: 30px;
background: #FA6400;
border-radius: 50px;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
}
.rr-box {
width: 80%;
}
.red-size {
font-size: 12px;
color: #E02020;
}
.si_ {
font-size: 14px;
color: #333333;
}
.d-s {
display: flex;
align-items: center;
}
</style>