修改套餐

This commit is contained in:
3321822538@qq.com 2024-11-18 14:36:17 +08:00
parent ce02907aed
commit fc0cfeb1b7
8 changed files with 52 additions and 165 deletions

View File

@ -61,11 +61,12 @@
(<text style="margin-top: 10rpx;" v-if="row.feeMode == 1">单次收费</text> (<text style="margin-top: 10rpx;" v-if="row.feeMode == 1">单次收费</text>
<text style="margin-top: 10rpx;" v-if="row.feeMode == 2">智能收费</text>) <text style="margin-top: 10rpx;" v-if="row.feeMode == 2">智能收费</text>)
<text style="width: 20rpx;display: inline-block;"></text> <text style="width: 20rpx;display: inline-block;"></text>
<text style="margin-top: 10rpx;margin-left: 6rpx;" v-if="row.feeMode == 2">押金{{row.deposit}}</text> <text style="margin-top: 10rpx;margin-left: 6rpx;" v-if="row.feeMode == 2">预存{{row.deposit}}</text>
<text v-else> <text v-else>
<text style="margin-top: 10rpx;" v-if="row.timeUnit == 2 && row.feeType != 3 && row.feeType != 4">{{row.value}} {{row.price}}</text> <text style="margin-top: 10rpx;" v-if="row.timeUnit == 2 && row.feeType != 3 && row.feeType != 2 && row.feeType != 4">{{row.value}} {{row.price}}</text>
<text style="margin-top: 10rpx;" v-if="row.timeUnit == 3 && row.feeType != 3 && row.feeType != 4">{{row.value}} {{row.price}}</text> <text style="margin-top: 10rpx;" v-if="row.timeUnit == 3 && row.feeType != 3 && row.feeType != 2 && row.feeType != 4">{{row.value}} {{row.price}}</text>
<text style="margin-top: 10rpx;" v-if="row.timeUnit == 4 && row.feeType != 3 && row.feeType != 4">{{row.value}} {{row.price}}</text> <text style="margin-top: 10rpx;" v-if="row.timeUnit == 4 && row.feeType != 3 && row.feeType != 2 && row.feeType != 4">{{row.value}} {{row.price}}</text>
<text style="margin-top: 10rpx;" v-if="row.feeMode == 1 && row.feeType == 2">{{row.value}} {{row.price}}</text>
</text> </text>
</view> </view>
</view> </view>

View File

@ -360,8 +360,8 @@
setTimeout(() => { setTimeout(() => {
this.btnmsk = false this.btnmsk = false
uni.reLaunch({ uni.reLaunch({
url:'/pages/index/index' url:'/pages/shouye/index'
}) })
}, 1000) }, 1000)
}else{ }else{
uni.showToast({ uni.showToast({

View File

@ -73,8 +73,7 @@
{{item.feeMode == 1 ? '单次收费' : '智能收费'}} {{item.feeMode == 1 ? '单次收费' : '智能收费'}}
<text v-if="item.feeType == 1">{{item.value}}<text v-if="item.timeUnit == 2">时</text> <text v-if="item.timeUnit == 3">分钟</text> <text v-if="item.timeUnit == 4"></text> {{item.price}}</text> <text v-if="item.feeType == 1">{{item.value}}<text v-if="item.timeUnit == 2">时</text> <text v-if="item.timeUnit == 3">分钟</text> <text v-if="item.timeUnit == 4"></text> {{item.price}}</text>
<text v-if="item.feeType == 2">{{item.value}}{{item.price}}</text> <text v-if="item.feeType == 2">{{item.value}}{{item.price}}</text>
<!-- <text v-if="item.feeType == 3 || item.feeType == 4">押金{{item.deposit}}</text> --> <text v-if="item.feeMode == 2">预存{{item.deposit}}</text>
<text v-if="item.feeMode == 2">押金{{item.deposit}}</text>
</view> </view>
<view class="" style="margin-top: 10rpx;color: #8883F0;font-size: 28rpx;" v-if="item.feeMode == 2"> <view class="" style="margin-top: 10rpx;color: #8883F0;font-size: 28rpx;" v-if="item.feeMode == 2">

View File

@ -92,11 +92,14 @@
<text style="margin-top: 10rpx;" v-if="row.feeType == 4">分时段按时收费</text> <text style="margin-top: 10rpx;" v-if="row.feeType == 4">分时段按时收费</text>
(<text style="margin-top: 10rpx;" v-if="row.feeMode == 1">单次收费</text> (<text style="margin-top: 10rpx;" v-if="row.feeMode == 1">单次收费</text>
<text style="margin-top: 10rpx;" v-if="row.feeMode == 2">智能收费</text>) <text style="margin-top: 10rpx;" v-if="row.feeMode == 2">智能收费</text>)
<text style="width: 20rpx;"></text> <text style="width: 20rpx;display: inline-block;"></text>
<text style="margin-top: 10rpx;" v-if="row.feeType == 3 || row.feeType == 4">押金{{row.price}}</text> <text style="margin-top: 10rpx;margin-left: 6rpx;" v-if="row.feeMode == 2">预存{{row.deposit}}</text>
<text style="margin-top: 10rpx;" v-if="row.timeUnit == 2 && row.feeType != 3 && row.feeType != 4">{{row.value}} {{row.price}}</text> <text v-else>
<text style="margin-top: 10rpx;" v-if="row.timeUnit == 3 && row.feeType != 3 && row.feeType != 4">{{row.value}} {{row.price}}</text> <text style="margin-top: 10rpx;" v-if="row.timeUnit == 2 && row.feeType != 3 && row.feeType != 2 && row.feeType != 4">{{row.value}} {{row.price}}</text>
<text style="margin-top: 10rpx;" v-if="row.timeUnit == 4 && row.feeType != 3 && row.feeType != 4">{{row.value}} {{row.price}}</text> <text style="margin-top: 10rpx;" v-if="row.timeUnit == 3 && row.feeType != 3 && row.feeType != 2 && row.feeType != 4">{{row.value}} {{row.price}}</text>
<text style="margin-top: 10rpx;" v-if="row.timeUnit == 4 && row.feeType != 3 && row.feeType != 2 && row.feeType != 4">{{row.value}} {{row.price}}</text>
<text style="margin-top: 10rpx;" v-if="row.feeMode == 1 && row.feeType == 2">{{row.value}} {{row.price}}</text>
</text>
</view> </view>
</view> </view>
<view class="ccc"> <view class="ccc">

View File

@ -11,7 +11,7 @@
<!-- 展示二维码 --> <!-- 展示二维码 -->
<view class="imgewm" @longpress="saveCanvas"> <view class="imgewm" @longpress="saveCanvas">
<canvas canvas-id="qrcode" style="height: 100%;margin: 0 auto;" /> <canvas canvas-id="qrcode" style="height: 600rpx;margin: 0 auto;" />
<view class="" style="width: 100%;text-align: center;margin-top: 20rpx;"> <view class="" style="width: 100%;text-align: center;margin-top: 20rpx;">
SN:{{deviceNo}} SN:{{deviceNo}}
</view> </view>
@ -192,9 +192,8 @@
this.wemflag = true this.wemflag = true
uQRCode.make({ uQRCode.make({
canvasId: 'qrcode', canvasId: 'qrcode',
// componentInstance: this,
text: 'https://kg.chuantewulian.cn/w?s=' + this.deviceNo, text: 'https://kg.chuantewulian.cn/w?s=' + this.deviceNo,
size: 250, size: 300,
margin: 0, margin: 0,
backgroundColor: '#ffffff', backgroundColor: '#ffffff',
foregroundColor: '#000000', foregroundColor: '#000000',
@ -358,8 +357,8 @@
} }
.imgewm { .imgewm {
width: 250px; width: 300px;
height:250px; height:300px;
margin: auto; margin: auto;
margin-top: 104rpx; margin-top: 104rpx;
// position: fixed; // position: fixed;

View File

@ -58,24 +58,12 @@
<!-- #endif --> <!-- #endif -->
<!-- #ifdef MP-WEIXIN --> <!-- #ifdef MP-WEIXIN -->
<input type="text" placeholder="请输入详细地址" v-model="xqdz" /> <input type="text" placeholder="请输入详细地址" v-model="xqdz" @click="btnjwd"/>
<u-icon name="map-fill" style="position: absolute;top: 20rpx;right: 22rpx;z-index: 99;" <u-icon name="map-fill" style="position: absolute;top: 20rpx;right: 22rpx;z-index: 99;"
size="32" ></u-icon> size="32" @click="btnjwd"></u-icon>
<!-- #endif --> <!-- #endif -->
</view> </view>
</view> </view>
<!-- <view class="listval">
<view class="tit"> 是否展示店铺</view>
<u-switch v-model="checked" active-color="#8883F0"></u-switch>
</view>
<view class="listval">
<view class="tit"> 是否允许在非营业时间使用</view>
<u-switch v-model="checkeds" active-color="#8883F0"></u-switch>
</view> -->
<!-- <view class="listval">
<view class="tit"> 详细地址</view>
<view class="but"> <input type="text" placeholder="请输入详细地址" v-model="xqdz" /> </view>
</view> -->
<view class="icon"> <view class="icon">
<view class="list_box"> <view class="list_box">
<view class="lt"> <view class="lt">
@ -600,7 +588,6 @@
line-height: 70rpx; line-height: 70rpx;
padding-left: 22rpx; padding-left: 22rpx;
padding-right: 72rpx; padding-right: 72rpx;
width: 100%;
} }
} }
} }
@ -627,7 +614,6 @@
height: 70rpx; height: 70rpx;
line-height: 70rpx; line-height: 70rpx;
padding-left: 22rpx; padding-left: 22rpx;
width: 100%;
} }
} }
} }

View File

@ -53,7 +53,7 @@
<view class="tit"> 详细地址</view> <view class="tit"> 详细地址</view>
<view class="but"> <view class="but">
<!-- #ifdef MP-ALIPAY --> <!-- #ifdef MP-ALIPAY -->
<view style="line-height: 70rpx;padding-left: 40rpx;"> <view style="line-height: 70rpx;padding-left: 40rpx;" @click="btnjwd">
<text style="color: #ccc;font-size: 32rpx;">{{xqdz == '' ? '请选择详细地址' : xqdz}}</text> <text style="color: #ccc;font-size: 32rpx;">{{xqdz == '' ? '请选择详细地址' : xqdz}}</text>
</view> </view>
<!-- #endif --> <!-- #endif -->

View File

@ -183,21 +183,17 @@
content: '该设备未绑定,你需进行绑定吗?', content: '该设备未绑定,你需进行绑定吗?',
success: function(res) { success: function(res) {
if (res.confirm) { if (res.confirm) {
that.$u.put("/app/device/bind", data).then( that.$u.put("/app/device/bind", data).then(res => {
res => { if (res.code == 200) {
if (res.code == 200) { that.$u.get(`/app/device/${id}/bySn`).then((res) => {
that.$u.get( if (res.code == 200) {
`/app/device/${id}/bySn` uni.navigateTo({
).then((res) => { url: '/page_components/bindsz?id=' + res.data.deviceId
if (res.code == })
200) { }
uni.navigateTo({ })
url: '/page_components/bindsz?id=' + res.data.deviceId }
}) })
}
})
}
})
} }
} }
}) })
@ -224,7 +220,6 @@
path: '/pages/shouye/index' path: '/pages/shouye/index'
} }
}, },
// //
onShareTimeline: function() { onShareTimeline: function() {
return { return {
@ -279,12 +274,10 @@
}) })
}, },
startNetworkCheck() { startNetworkCheck() {
this.networkInterval = setInterval(() => { this.networkInterval = setInterval(() => {
uni.getNetworkType({ uni.getNetworkType({
success: (res) => { success: (res) => {
// console.log(res);
if (res.networkType == "none") { if (res.networkType == "none") {
this.wangluo = false this.wangluo = false
} else { } else {
@ -297,7 +290,6 @@
}); });
}, 3000) }, 3000)
}, },
// 使 // 使
getshiy() { getshiy() {
this.$u.get("app/bill/usingList").then((res) => { this.$u.get("app/bill/usingList").then((res) => {
@ -366,7 +358,6 @@
let sceneValue = res.result let sceneValue = res.result
let decodedValue = decodeURIComponent(sceneValue) let decodedValue = decodeURIComponent(sceneValue)
let id = getQueryParam(decodedValue, 's') let id = getQueryParam(decodedValue, 's')
// console.log(res, id)
let that = this let that = this
let data = { let data = {
deviceNo: id deviceNo: id
@ -386,24 +377,17 @@
content: '该设备未绑定,你需进行绑定吗?', content: '该设备未绑定,你需进行绑定吗?',
success: function(res) { success: function(res) {
if (res.confirm) { if (res.confirm) {
// that.$u.get(`/app/device/${id}/bySn`).then((res) => {
// if (res.code == 200) {
// uni.navigateTo({
// url: '/page_components/bindsz?id=' + res.data.deviceId + '&sn=' + id
// })
// }
// })
that.$u.put("/app/device/bind", data).then(res => { that.$u.put("/app/device/bind", data).then(res => {
if (res.code == 200) { if (res.code == 200) {
that.$u.get(`/app/device/${id}/bySn`).then((res) => { that.$u.get(`/app/device/${id}/bySn`).then((res) => {
if (res.code == 200) { if (res.code == 200) {
uni.navigateTo({ uni.navigateTo({
url: '/page_components/bindsz?id=' + res.data.deviceId url: '/page_components/bindsz?id=' + res.data.deviceId
}) })
} }
}) })
} }
}) })
} }
} }
}) })
@ -414,8 +398,7 @@
success: function(res) { success: function(res) {
if (res.confirm) { if (res.confirm) {
uni.navigateTo({ uni.navigateTo({
url: '/page_fenbao/zhuce?sn=' + url: '/page_fenbao/zhuce?sn=' + id
id
}) })
} else if (res.cancel) { } else if (res.cancel) {
@ -457,7 +440,6 @@
}) })
}, },
btnindex(num) { btnindex(num) {
if (this.wangluo = true) { // if (this.wangluo = true) { //
if (num == 2) { if (num == 2) {
@ -572,9 +554,6 @@
type: 'wgs84', type: 'wgs84',
success: (res) => { success: (res) => {
console.log(res,'resresres'); console.log(res,'resresres');
// this.jinweidu = res.longitude + ',' + res.latitude;
// this.latitude = res.latitude;
// this.longitude = res.longitude;
this.jinweidu = res.longitude + ',' + res.latitude this.jinweidu = res.longitude + ',' + res.latitude
this.latitude = Number(res.latitude.toFixed(5)) - 0.005 this.latitude = Number(res.latitude.toFixed(5)) - 0.005
this.longitude = Number(res.longitude.toFixed(5)) + 0.005 this.longitude = Number(res.longitude.toFixed(5)) + 0.005
@ -598,27 +577,20 @@
anchorX: (() => { anchorX: (() => {
if (item.name.length <= 2) { if (item.name.length <= 2) {
return -12 return -12
} else if (item.name.length <= } else if (item.name.length <= 3) {
3) {
return -20 return -20
} else if (item.name.length <= } else if (item.name.length <= 4) {
4) {
return -25 return -25
} else if (item.name.length <= } else if (item.name.length <= 5) {
5) {
return -30 return -30
} else if (item.name.length <= } else if (item.name.length <= 6) {
6) {
return -35 return -35
} else if (item.name.length <= } else if (item.name.length <= 8) {
8) {
return -40 return -40
} else if (item.name.length <= } else if (item.name.length <= 10) {
10) {
return -45 return -45
} else { } else {
return -item.name.length * return -item.name.length * 6
6
} }
})(), })(),
fontWeight: 700, fontWeight: 700,
@ -707,7 +679,6 @@
url: '/page_user/mapditu/index?markerId=' + markerId url: '/page_user/mapditu/index?markerId=' + markerId
}) })
}, },
logins() { logins() {
this.getuserinfo() this.getuserinfo()
}, },
@ -725,7 +696,6 @@
} }
}) })
}, },
// //
jmlogin() { jmlogin() {
let taht = this let taht = this
@ -750,7 +720,6 @@
}) })
}, },
// 线 // 线
gethuidaio() { gethuidaio() {
this.$u.get('/app/bill/recharge/device/fail/list').then(res => { this.$u.get('/app/bill/recharge/device/fail/list').then(res => {
@ -826,16 +795,13 @@
width: 100%; width: 100%;
height: 400rpx; height: 400rpx;
padding: 30rpx; padding: 30rpx;
// padding-top: 80rpx;
box-sizing: border-box; box-sizing: border-box;
border-radius: 20rpx 20rpx 0 0; border-radius: 20rpx 20rpx 0 0;
.toptit { .toptit {
width: 100%; width: 100%;
text-align: center; text-align: center;
margin-top: 30rpx; margin-top: 30rpx;
} }
.quzf { .quzf {
width: 100%; width: 100%;
height: 90rpx; height: 90rpx;
@ -847,26 +813,20 @@
margin-top: 60rpx; margin-top: 60rpx;
border-radius: 20rpx; border-radius: 20rpx;
} }
} }
/deep/ .u-title { /deep/ .u-title {
padding-bottom: 22rpx; padding-bottom: 22rpx;
} }
/deep/ .u-icon__icon { /deep/ .u-icon__icon {
padding-bottom: 22rpx; padding-bottom: 22rpx;
} }
/deep/ .map { /deep/ .map {
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
.dateactive { .dateactive {
background: #E1F3ED; background: #E1F3ED;
} }
.mask { .mask {
width: 100%; width: 100%;
height: 100vh; height: 100vh;
@ -877,19 +837,16 @@
background-color: #000; background-color: #000;
opacity: .6; opacity: .6;
} }
page { page {
background: linear-gradient(180deg, #8883F0 10%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(180deg, #8883F0 10%, rgba(255, 255, 255, 0) 100%);
border-radius: 0rpx 0rpx 0rpx 0rpx; border-radius: 0rpx 0rpx 0rpx 0rpx;
} }
.page { .page {
width: 750rpx; width: 750rpx;
padding-left: 34rpx; padding-left: 34rpx;
padding-right: 34rpx; padding-right: 34rpx;
box-sizing: border-box; box-sizing: border-box;
height: 100%; height: 100%;
.tip_box { .tip_box {
position: fixed; position: fixed;
left: 72rpx; left: 72rpx;
@ -898,10 +855,8 @@
background: #F7FAFE; background: #F7FAFE;
border-radius: 30rpx 30rpx 30rpx 30rpx; border-radius: 30rpx 30rpx 30rpx 30rpx;
z-index: 10000000; z-index: 10000000;
.top { .top {
padding: 52rpx 38rpx 42rpx 36rpx; padding: 52rpx 38rpx 42rpx 36rpx;
.txt { .txt {
width: 100%; width: 100%;
text-align: center; text-align: center;
@ -910,13 +865,11 @@
color: #3D3D3D; color: #3D3D3D;
} }
} }
.bot { .bot {
border-top: 2rpx solid #D8D8D8; border-top: 2rpx solid #D8D8D8;
display: flex; display: flex;
flex-wrap: nowrap; flex-wrap: nowrap;
height: 100%; height: 100%;
.bot_left { .bot_left {
width: 50%; width: 50%;
height: 98rpx; height: 98rpx;
@ -927,24 +880,19 @@
font-size: 36rpx; font-size: 36rpx;
color: #3D3D3D; color: #3D3D3D;
} }
.bot_right { .bot_right {
width: 50%; width: 50%;
height: 98rpx; height: 98rpx;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
border-left: 2rpx solid #D8D8D8; border-left: 2rpx solid #D8D8D8;
font-weight: 500; font-weight: 500;
font-size: 36rpx; font-size: 36rpx;
color: #8883F0; color: #8883F0;
} }
} }
} }
.userdaili { .userdaili {
.gongneng { .gongneng {
width: 680rpx; width: 680rpx;
@ -953,43 +901,35 @@
border-radius: 24rpx 24rpx 24rpx 24rpx; border-radius: 24rpx 24rpx 24rpx 24rpx;
padding: 0 50rpx; padding: 0 50rpx;
box-sizing: border-box; box-sizing: border-box;
.icons { .icons {
display: inline-block; display: inline-block;
width: 145rpx; width: 145rpx;
text-align: center; text-align: center;
image { image {
margin-top: 34rpx; margin-top: 34rpx;
width: 50px; width: 50px;
height: 50px; height: 50px;
} }
} }
} }
.ordertongji { .ordertongji {
width: 680rpx; width: 680rpx;
height: 342rpx; height: 342rpx;
background: #FFFFFF; background: #FFFFFF;
border-radius: 24rpx 24rpx 24rpx 24rpx; border-radius: 24rpx 24rpx 24rpx 24rpx;
.shuju { .shuju {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
padding: 0 40rpx; padding: 0 40rpx;
box-sizing: border-box; box-sizing: border-box;
margin-top: 24rpx; margin-top: 24rpx;
.ddje { .ddje {
text-align: center; text-align: center;
.shu { .shu {
font-weight: 500; font-weight: 500;
font-size: 40rpx; font-size: 40rpx;
color: #3D3D3D; color: #3D3D3D;
} }
.sb { .sb {
margin-top: 20rpx; margin-top: 20rpx;
font-weight: 500; font-weight: 500;
@ -998,7 +938,6 @@
} }
} }
} }
.date { .date {
padding-left: 80rpx; padding-left: 80rpx;
padding-right: 80rpx; padding-right: 80rpx;
@ -1006,7 +945,6 @@
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
margin-top: 26rpx; margin-top: 26rpx;
text { text {
padding: 6rpx 18rpx; padding: 6rpx 18rpx;
box-sizing: border-box; box-sizing: border-box;
@ -1016,14 +954,12 @@
color: #808080; color: #808080;
} }
} }
.orderday { .orderday {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
width: 100%; width: 100%;
padding: 10rpx 12rpx; padding: 10rpx 12rpx;
box-sizing: border-box; box-sizing: border-box;
text { text {
margin-right: 10rpx; margin-right: 10rpx;
border-radius: 20rpx; border-radius: 20rpx;
@ -1036,14 +972,12 @@
} }
} }
} }
.dttitle { .dttitle {
margin: 36rpx 0; margin: 36rpx 0;
font-weight: 500; font-weight: 500;
font-size: 36rpx; font-size: 36rpx;
color: #3D3D3D; color: #3D3D3D;
} }
.zhanghu { .zhanghu {
margin-top: 32rpx; margin-top: 32rpx;
width: 680rpx; width: 680rpx;
@ -1052,40 +986,33 @@
border-radius: 24rpx 24rpx 24rpx 24rpx; border-radius: 24rpx 24rpx 24rpx 24rpx;
padding: 36rpx 38rpx; padding: 36rpx 38rpx;
box-sizing: border-box; box-sizing: border-box;
.zhtitle { .zhtitle {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
.sj { .sj {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
text { text {
font-size: 26rpx; font-size: 26rpx;
color: #3D3D3D; color: #3D3D3D;
} }
} }
.tx { .tx {
font-size: 26rpx; font-size: 26rpx;
color: #27D089; color: #27D089;
} }
} }
.zhje { .zhje {
margin-top: 20rpx; margin-top: 20rpx;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
border-bottom: 1px solid #ccc; border-bottom: 1px solid #ccc;
padding-bottom: 20rpx; padding-bottom: 20rpx;
text { text {
font-weight: 500; font-weight: 500;
font-size: 48rpx; font-size: 48rpx;
color: #3D3D3D; color: #3D3D3D;
} }
.btntx { .btntx {
width: 156rpx; width: 156rpx;
height: 42rpx; height: 42rpx;
@ -1098,7 +1025,6 @@
margin-top: 10rpx; margin-top: 10rpx;
} }
} }
.buc { .buc {
margin-top: 20rpx; margin-top: 20rpx;
font-size: 26rpx; font-size: 26rpx;
@ -1106,10 +1032,6 @@
} }
} }
} }
// //
.title { .title {
font-weight: 500; font-weight: 500;
@ -1120,18 +1042,15 @@
font-style: normal; font-style: normal;
text-transform: none; text-transform: none;
} }
.guangg { .guangg {
margin-top: 10rpx; margin-top: 10rpx;
margin-bottom: 10rpx; margin-bottom: 10rpx;
image { image {
border-radius: 30rpx; border-radius: 30rpx;
width: 680rpx; width: 680rpx;
height: 218rpx; height: 218rpx;
} }
} }
.saoma { .saoma {
width: 750rpx; width: 750rpx;
height: 166rpx; height: 166rpx;
@ -1141,7 +1060,6 @@
padding-top: 22rpx; padding-top: 22rpx;
border-radius: 54rpx 54rpx 0 0; border-radius: 54rpx 54rpx 0 0;
margin-top: 20rpx; margin-top: 20rpx;
view { view {
text-align: center; text-align: center;
width: 676rpx; width: 676rpx;
@ -1154,7 +1072,6 @@
margin: auto; margin: auto;
line-height: 102rpx; line-height: 102rpx;
} }
image { image {
width: 56rpx; width: 56rpx;
height: 56rpx; height: 56rpx;
@ -1163,7 +1080,6 @@
margin-bottom: 10rpx; margin-bottom: 10rpx;
} }
} }
.ditu { .ditu {
width: 100%; width: 100%;
height: 980rpx; height: 980rpx;
@ -1171,21 +1087,17 @@
border-radius: 38rpx 38rpx 38rpx 38rpx; border-radius: 38rpx 38rpx 38rpx 38rpx;
padding-top: 16rpx; padding-top: 16rpx;
position: relative; position: relative;
.ongoing_order { .ongoing_order {
width: 622rpx; width: 622rpx;
max-height: 100%; max-height: 100%;
background-color: rgba(0, 0, 0, 0.4); background-color: rgba(0, 0, 0, 0.4);
border-radius: 40rpx 40rpx 40rpx 40rpx; border-radius: 40rpx 40rpx 40rpx 40rpx;
// opacity: 0.6;
position: absolute; position: absolute;
top: 48rpx; top: 48rpx;
left: 34rpx; left: 34rpx;
.order_list { .order_list {
width: 100%; width: 100%;
height: 110rpx; height: 110rpx;
// background-color: rgba(0, 0, 0, 0.6);
border-radius: 40rpx 40rpx 40rpx 40rpx; border-radius: 40rpx 40rpx 40rpx 40rpx;
display: flex; display: flex;
align-items: center; align-items: center;
@ -1197,13 +1109,11 @@
box-sizing: border-box; box-sizing: border-box;
line-height: 110rpx; line-height: 110rpx;
animation: fadeInDown .5s ease-out forwards; animation: fadeInDown .5s ease-out forwards;
image { image {
width: 17rpx; width: 17rpx;
height: 34rpx; height: 34rpx;
} }
} }
.order_top { .order_top {
width: 622rpx; width: 622rpx;
height: 94rpx; height: 94rpx;
@ -1218,18 +1128,15 @@
font-weight: 400; font-weight: 400;
font-size: 36rpx; font-size: 36rpx;
color: #FFFFFF; color: #FFFFFF;
.order_lt { .order_lt {
display: flex; display: flex;
align-items: center; align-items: center;
image { image {
width: 44rpx; width: 44rpx;
height: 62rpx; height: 62rpx;
margin-right: 20rpx; margin-right: 20rpx;
} }
} }
image { image {
width: 47rpx; width: 47rpx;
height: 47rpx; height: 47rpx;
@ -1238,19 +1145,16 @@
} }
} }
} }
.fujin { .fujin {
position: absolute; position: absolute;
top: 730rpx; top: 730rpx;
padding-left: 30rpx; padding-left: 30rpx;
width: 100%; width: 100%;
image { image {
width: 210rpx; width: 210rpx;
height: 74rpx; height: 74rpx;
} }
} }
.dtxs { .dtxs {
width: 642rpx; width: 642rpx;
height: 812rpx; height: 812rpx;
@ -1258,20 +1162,17 @@
border-radius: 30rpx; border-radius: 30rpx;
overflow: hidden; overflow: hidden;
} }
.tubiao { .tubiao {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
padding: 30rpx 50rpx; padding: 30rpx 50rpx;
box-sizing: border-box; box-sizing: border-box;
.gr { .gr {
text-align: center; text-align: center;
width: 100%; width: 100%;
font-weight: 400; font-weight: 400;
font-size: 26rpx; font-size: 26rpx;
color: #3D3D3D; color: #3D3D3D;
image { image {
display: block; display: block;
margin: auto; margin: auto;
@ -1281,13 +1182,11 @@
} }
} }
} }
@keyframes fadeInDown { @keyframes fadeInDown {
from { from {
opacity: 0; opacity: 0;
transform: translateY(-20px); transform: translateY(-20px);
} }
to { to {
opacity: 1; opacity: 1;
transform: translateY(0); transform: translateY(0);