油站小程序

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>

View File

@ -9,14 +9,20 @@
</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="title-bai">{{myPoints}} <text style="font-size: 16px;">积分</text> </view>
<view class="size-bai"> <view class="size-bai">
<uni-icons type="location" color="#ffffff" size="16"></uni-icons> <uni-icons type="location" color="#ffffff" size="16"></uni-icons>
<text>{{storeName}}</text> <text>{{storeName}}</text>
<!-- <uni-icons type="right" color="#ffffff" size="16"></uni-icons> --> <!-- <uni-icons type="right" color="#ffffff" size="16"></uni-icons> -->
</view> </view>
</view> </view>
<view class="tp">
<image src="../../static/imgs/hby.png" mode=""></image>
</view>
</view>
<view class="box-bai"> <view class="box-bai">
<view class="box-box" @click="gojg(1)"> <view class="box-box" @click="gojg(1)">
@ -44,7 +50,6 @@
<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)">
@ -80,7 +85,8 @@
</view> </view>
</view> </view>
<view class="hui-time">库存:{{item.remainingInventory === -1?"不限":item.remainingInventory}} <view class="hui-time">
库存:{{item.remainingInventory === -1?"不限":item.remainingInventory}}
</view> </view>
</view> </view>
<view class="anniux"> <view class="anniux">
@ -91,6 +97,8 @@
</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