油站小程序

This commit is contained in:
@QQNZX 2023-12-11 09:43:13 +08:00
parent 1cf76004b4
commit 96c2c9d7b9
5 changed files with 81 additions and 58 deletions

View File

@ -3,8 +3,6 @@ module.exports = {
// baseUrl: 'https://vue.ruoyi.vip/prod-api', // baseUrl: 'https://vue.ruoyi.vip/prod-api',
baseUrl: 'http://192.168.0.196:8080/', baseUrl: 'http://192.168.0.196:8080/',
// baseUrl: 'http://192.168.1.6:8008/',
// baseUrl: 'http://192.168.1.5:8002/cdJdc',
imagesUrl: 'http://www.nuoyunr.com/lananRsc', imagesUrl: 'http://www.nuoyunr.com/lananRsc',
// 应用信息 // 应用信息
appInfo: { appInfo: {

View File

@ -98,9 +98,6 @@
<view class="juanniu" @click="goOil()"> <view class="juanniu" @click="goOil()">
<view class="">一键加油</view> <view class="">一键加油</view>
</view> </view>
</view> </view>
<view style="height: 88px; width: 100%;"></view> <view style="height: 88px; width: 100%;"></view>
</view> </view>
@ -190,7 +187,7 @@
tabbar tabbar
}, },
methods: { methods: {
// t // t
isExistStoreId() { isExistStoreId() {
if (uni.getStorageSync("inviteStoreId") != "") { if (uni.getStorageSync("inviteStoreId") != "") {
this.getStore(uni.getStorageSync("inviteStoreId")); this.getStore(uni.getStorageSync("inviteStoreId"));
@ -649,4 +646,4 @@
} }
</style> </style>

View File

@ -9,13 +9,19 @@
</view> </view>
<!-- 顶部区域 --> <!-- 顶部区域 -->
<view class="top-lanmu"> <view class="top-lanmu">
<view style="width: 90%;margin: 0 auto;"> <view class="hby">
<view class="title-bai">{{myPoints}}</view> <view class="">
<view class="size-bai"> <view class="title-bai">{{myPoints}} <text style="font-size: 16px;">积分</text> </view>
<uni-icons type="location" color="#ffffff" size="16"></uni-icons> <view class="size-bai">
<text>{{storeName}}</text> <uni-icons type="location" color="#ffffff" size="16"></uni-icons>
<!-- <uni-icons type="right" color="#ffffff" size="16"></uni-icons> --> <text>{{storeName}}</text>
<!-- <uni-icons type="right" color="#ffffff" size="16"></uni-icons> -->
</view>
</view> </view>
<view class="tp">
<image src="../../static/imgs/hby.png" mode=""></image>
</view>
</view> </view>
<view class="box-bai"> <view class="box-bai">
@ -44,49 +50,51 @@
<view class="">我的订单</view> <view class="">我的订单</view>
</view> </view>
</view> </view>
</view> <view class="bai-center">
<view class="bai-center"> <scroll-view scroll-x="true" class="tap-top">
<scroll-view scroll-x="true" class="tap-top"> <view class="sz" @click="transferIndex(-1)">
<view class="sz" @click="transferIndex(-1)"> <view class="box" :class="{'xztap': qhindex === -1}">全部</view>
<view class="box" :class="{'xztap': qhindex === -1}">全部</view> <view class="gang" v-if="qhindex === -1"></view>
<view class="gang" v-if="qhindex === -1"></view>
</view>
<view class="sz" v-for="(item, index) in categoryList" :key="index"
@click="transferIndex(index,item.id)">
<view class="box" :class="{'xztap': qhindex === index}">{{item.categoryName}}</view>
<view class="gang" v-if="qhindex === index"></view>
</view>
</scroll-view>
<view class="wrap-box">
<view class="box-goods" v-for="(item,index) in integralGiftList" :key="index"
@click="godetails(item)">
<view class="goods-img">
<image :src="baseUrl+item.coverImage" mode=""></image>
</view> </view>
<view class="goods-title"> <view class="sz" v-for="(item, index) in categoryList" :key="index"
{{item.giftName}} @click="transferIndex(index,item.id)">
<view class="box" :class="{'xztap': qhindex === index}">{{item.categoryName}}</view>
<view class="gang" v-if="qhindex === index"></view>
</view> </view>
<view class="good-red"> </scroll-view>
<view style="display: flex;align-items: center;"> <view class="wrap-box">
<view class="bi" v-if="item.exchangeMethod != '金额'"> <view class="box-goods" v-for="(item,index) in integralGiftList" :key="index"
<image src="../../static/imgs/jb.png" mode=""></image> @click="godetails(item)">
</view> <view class="goods-img">
<view style="color: #FC1708;font-weight: bold;"> <image :src="baseUrl+item.coverImage" mode=""></image>
<span </view>
v-if="item.exchangeMethod == '积分' || item.exchangeMethod == '积分+金额' || item.exchangeMethod == '积分+加钱购'">{{item.exchangePoints}}</span> <view class="goods-title">
<span v-if="item.exchangeMethod == '积分+金额'">+</span> {{item.giftName}}
<span </view>
v-if="item.exchangeMethod == '金额' || item.exchangeMethod == '积分+金额'">{{item.exchangeAmount}}</span> <view class="good-red">
<view style="display: flex;align-items: center;">
<view class="bi" v-if="item.exchangeMethod != '金额'">
<image src="../../static/imgs/jb.png" mode=""></image>
</view>
<view style="color: #FC1708;font-weight: bold;">
<span
v-if="item.exchangeMethod == '积分' || item.exchangeMethod == '积分+金额' || item.exchangeMethod == '积分+加钱购'">{{item.exchangePoints}}</span>
<span v-if="item.exchangeMethod == '积分+金额'">+</span>
<span
v-if="item.exchangeMethod == '金额' || item.exchangeMethod == '积分+金额'">{{item.exchangeAmount}}</span>
</view>
</view>
<view class="hui-time">
库存:{{item.remainingInventory === -1?"不限":item.remainingInventory}}
</view> </view>
</view> </view>
<view class="hui-time">库存:{{item.remainingInventory === -1?"不限":item.remainingInventory}} <view class="anniux">
<text>立即兑换</text>
</view> </view>
</view> </view>
<view class="anniux">
<text>立即兑换</text>
</view>
</view> </view>
</view> </view>
</view> </view>
@ -247,22 +255,20 @@
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
.content { .content {}
background: #f4f5f6;
}
.container { .container {
width: 100%; width: 100%;
box-sizing: border-box; box-sizing: border-box;
padding-top: 88px; padding-top: 88px;
background: #f4f5f6; background: linear-gradient(180deg, #ff5c28 0%, #ff5c28 20%, #ffd8d8 37%, #ffd8d8 100%);
padding-bottom: 40px; padding-bottom: 40px;
} }
.my-header { .my-header {
width: 100%; width: 100%;
height: 88px; height: 88px;
background: #1678ff; background: #ff5c28;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
@ -283,8 +289,9 @@
.top-lanmu { .top-lanmu {
width: 100%; width: 100%;
height: 100px;
background: linear-gradient(180deg, #1678ff 0%, #3e8dfd 57%, #f4f5f6 100%);
// background: linear-gradient(180deg, #ff5c28 0%, #ff5c28 57%, #ffd8d8 100%);
box-sizing: border-box; box-sizing: border-box;
padding-top: 1px; padding-top: 1px;
} }
@ -301,6 +308,7 @@
align-items: center; align-items: center;
justify-content: space-around; justify-content: space-around;
font-size: 14px; font-size: 14px;
margin-top: 0px;
} }
@ -339,7 +347,7 @@
margin: 0 auto; margin: 0 auto;
box-sizing: border-box; box-sizing: border-box;
padding: 10px; padding: 10px;
margin-top: 75px; margin-top: 15px;
} }
.tap-top { .tap-top {
@ -375,10 +383,11 @@
} }
.gang { .gang {
width: 128rpx; width: 38rpx;
height: 8rpx; height: 8rpx;
background: #1678ff; background: #ff5c28;
border-radius: 14rpx; border-radius: 14rpx;
} }
.wrap-box { .wrap-box {
@ -448,4 +457,22 @@
height: 100%; height: 100%;
} }
} }
.hby {
width: 90%;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: space-between;
}
.tp {
width: 200px;
height: 120px;
image {
width: 100%;
height: 100%;
}
}
</style> </style>

View File

@ -73,6 +73,7 @@
</view> </view>
</view> </view>
</view> </view>
<view style="height: 340px; width: 100%;"></view> <view style="height: 340px; width: 100%;"></view>
<view class="bottom-box"> <view class="bottom-box">
<view class="bottom-bai-box"> <view class="bottom-bai-box">

Binary file not shown.

After

Width:  |  Height:  |  Size: 133 KiB