描述:价格描述

This commit is contained in:
SelfRidicule 2024-03-28 16:26:33 +08:00
parent 052f305797
commit 79c0cd44a0
6 changed files with 45 additions and 13 deletions

View File

@ -31,9 +31,9 @@
</view>
<view class="propOpen"></view>
<view class="priceView">
<view class="price">¥{{room.money}}/</view>
<view class="price">¥{{room.money}}/小时</view>
<text decode>&nbsp;</text>
<view class="unit"> {{room.duration}}小时 起</view>
<view class="unit">{{room.duration}}小时起)</view>
</view>
</view>
<view class="imgView">

View File

@ -41,6 +41,7 @@ Page({
couponNotUseList: [],
countAmount: '',
totalAmount: '',
priceDialogShow: false,
},
/**
@ -148,12 +149,9 @@ Page({
// 价格明细
priceDetail() {
let _this = this
Dialog.alert({
title: '价格明细',
message: `${_this.data.room.money}/${_this.data.room.duration}小时 起`,
}).then(() => {
// on close
});
_this.setData({
priceDialogShow: true
})
},
// 提交订单

View File

@ -88,6 +88,15 @@
<!-- 提示 -->
<van-dialog id="van-dialog" />
<van-dialog use-slot title="价格明细" show="{{ priceDialogShow }}">
<view class="priceDialogView">
<view class="content">{{room.money}}/小时({{room.duration}}小时起)</view>
<view class="remark">
<van-icon name="info-o" size="28rpx" />
{{room.remake}}
</view>
</view>
</van-dialog>
<!-- 提示 -->
<van-notify id="van-notify" />
</view>

View File

@ -220,4 +220,19 @@
background: #4e96f8;
}
.priceDialogView {
padding: 60rpx 40rpx;
}
.priceDialogView .content {
font-weight: bold;
font-size: 30rpx;
color: red;
text-align: center;
}
.priceDialogView .remark {
margin-top: 20rpx;
font-size: 28rpx;
color: #616364;
}

View File

@ -46,7 +46,11 @@
<!-- 价格 -->
<view class="priceView">
<view class="leftLineTitle">价格</view>
<view class="content">¥{{detail.money}}/<text decode>&nbsp;</text>{{detail.duration}}小时 起</view>
<view class="content">¥{{detail.money}}/小时<text decode>&nbsp;</text>{{detail.duration}}小时起)</view>
<view class="remark" wx:if="{{detail.remake}}">
<van-icon name="info-o" size="28rpx" />
{{detail.remake}}
</view>
</view>
<!-- 地图 -->

View File

@ -130,6 +130,12 @@
color: red;
}
.priceView .remark {
margin: 30rpx 20rpx;
font-size: 28rpx;
color: #5e5e5e;
}
.mapView {
margin: 50rpx 20rpx;
}