###代码调整摘要

- **orderDetail.vue:**
  -优化了有效期显示格式,提升了可读性。
  - 调整了二维码组件的显示逻辑,确保在适当的情况下展示。
  - 修改了购票限制和景区地址的显示方式,使信息呈现更加清晰。
  - 移除了冗余的客服电话图标代码,简化了模板。

- **scenicdetial.vue:**
  - 更新了门票价格展示逻辑,支持促销价格的同时保留原价的显示,增强了价格信息的透明度。
  -调整了景点等级和地址的显示格式,提升了用户界面的一致性。
  - 修改了门票提示的布局和样式,优化了用户的阅读体验。

这些改动涉及界面优化和信息展示的改进,旨在提高用户体验和界面的整洁度。
lu_quan_dev
Tuzki 1 year ago
parent 4455660228
commit fa0add6152
  1. 15
      subPageA/scenic/scenicdetial/scenicdetial.vue
  2. 16
      subPageC/order/orderDetail.vue

@ -60,7 +60,11 @@
<span class="ticket-rule">{{ item.refundRulesName }}</span>
</view>
<view class="ticket-tips">
<view class="ticket-price">{{ item.settlementPrice | money }} <span class="m-danwei"></span></view>
<view :class="item.qmxSettlementPrice == null ? 'ticket-price' :'decoration'">{{
item.settlementPrice
| money }} <span class="m-danwei"></span></view>
<view class="ticket-price" v-if="item.qmxSettlementPrice!=null">{{ item.qmxSettlementPrice
| money }} <span class="m-danwei"></span></view>
</view>
<view class="btn-box">
<view class="m-btn" hover-class="m-btn-hover" @click="bookIt(item)">立即预定</view>
@ -79,7 +83,7 @@
<text class="product-title1">{{ p_item.cname || p_item.sname }}</text>
<text class="product-title m-blue border blue-border">{{
p_item.slevel
}}</text>
}}</text>
<text class="product-title">{{ p_item.address || p_item.saddress }}</text>
</view>
</view>
@ -843,7 +847,7 @@ body {
.ticket-tips {
display: flex;
justify-content: space-between;
justify-content: start;
align-items: center;
margin-bottom: 15rpx;
@ -859,11 +863,16 @@ body {
font-weight: bold;
font-size: 38rpx;
color: #ff404c;
margin-left: 20rpx;
.m-danwei {
font-size: 32rpx;
}
}
.decoration{
text-decoration: line-through;
}
}
.btn-box {

@ -28,9 +28,9 @@
<view class="m-row">
<view class="m-label">使用有效期</view>
<view class="m-value orange">
{{ parseTime(formData.ticketList[0].startdate, '{y}-{m}-{d}') || '' }}{{
parseTime(formData.ticketList[0].enddate, '{y}-{m}-{d}') ||
'' }}
{{ parseTime(formData.ticketList[0].startdate, '{y}-{m}-{d}') || '' }}&nbsp;&nbsp;{{
parseTime(formData.ticketList[0].enddate, '{y}-{m}-{d}') ||
'' }}
</view>
</view>
</view>
@ -67,7 +67,7 @@
<view class="cover"
v-if="item.ticketStatus == 2 && item.ticketCheckedNums == item.ticketChecksNums || item.ticketStatus == 3 || item.ticketStatus == 4 || item.ticketStatus == 5 || item.ticketStatus == 6 || item.ticketStatus == 7||item.ticketStatus == null">
{{
item.ticketStatusName||'暂无' }}</view>
item.ticketStatusName||'暂无' }}</view>
</view>
<uqrcode v-show="false" @complete="completeQr($event, index)" ref="uqrcode" canvas-id="qrcode"
:value="item.ticketEwm" :options="options"></uqrcode>
@ -128,7 +128,7 @@
<view class="m-label">购票限制</view>
<view class="m-value">
{{ formData.ticketList[0].buyticketlimit == 1 ? '不限' :
(formData.ticketList[0].buyticketlimit == 2 ? '每个手机号限购' + formData.ticketList[0].ticketlimitnum + '张' : '') }}
(formData.ticketList[0].buyticketlimit == 2 ? '每个手机号限购' + formData.ticketList[0].ticketlimitnum + '张' : '') }}
</view>
</view>
</view>
@ -149,7 +149,7 @@
<view class="m-label ">景区地址</view>
<view class="m-value">
{{ formData.scenicInfo.provinceCode }}{{ formData.scenicInfo.cityCode }}{{ formData.scenicInfo.blockCode }}{{
formData.scenicInfo.addressInfo }}
formData.scenicInfo.addressInfo }}
</view>
</view>
</view>
@ -160,7 +160,9 @@
</view>
<view class="m-row">
<view class="m-label ">客服电话</view>
<view class="m-value blue phone" @click="callPhone">0311-83886677<image src="https://eluyou.ailuquan.cn/upload/image/2024/mapIcon/daolan/icon_call.png" mode="widthFix"></image></view>
<view class="m-value blue phone" @click="callPhone">0311-83886677<image
src="https://eluyou.ailuquan.cn/upload/image/2024/mapIcon/daolan/icon_call.png" mode="widthFix"></image>
</view>
</view>
</view>
<u-popup :show="isPayPopup" mode="bottom" @close="isPayPopup = false" round="10">

Loading…
Cancel
Save