|
|
|
@ -34,7 +34,7 @@ |
|
|
|
</view> |
|
|
|
<view>预订须知 ></view> |
|
|
|
</view> |
|
|
|
<!-- <view style="color: #EE3E3B;" class="num-subtitle text-overflow">购票限制没有绑定字段</view> --> |
|
|
|
<!-- <view style="color: #C3282E;" class="num-subtitle text-overflow">购票限制没有绑定字段</view> --> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="buyMore" @click="showMore=!showMore"> |
|
|
|
@ -98,7 +98,7 @@ |
|
|
|
<view style="padding: 20rpx 0 14rpx;">手机号 {{person.tel}}</view> |
|
|
|
<view>身份证 {{person.id_number}}</view> |
|
|
|
</view> |
|
|
|
<view v-else style="color: #EE3E3B;padding: 20rpx 0 14rpx;">不符合适用人群年龄限制</view> |
|
|
|
<view v-else style="color: #C3282E;padding: 20rpx 0 14rpx;">不符合适用人群年龄限制</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
<img @click.stop="changeAddressAddPopup('open',person)" v-if="!skuBuyMultiple" style="width: 32rpx;height: 32rpx;" |
|
|
|
@ -109,11 +109,11 @@ |
|
|
|
<view class="w-full" style="padding-bottom: 33rpx;" v-else> |
|
|
|
<view class="person-need" > |
|
|
|
<view class="flex flex-items-center"> |
|
|
|
<uni-icons color="#248BAA" type="plus" size="30"></uni-icons> |
|
|
|
<uni-icons color="#515150" type="plus" size="30"></uni-icons> |
|
|
|
<text style="padding:0 30rpx;">出行人{{personIndex+1}}</text> |
|
|
|
<text >点击填写1位出行人信息</text> |
|
|
|
</view> |
|
|
|
<uni-icons color="#248BAA" type="right" size="16"></uni-icons> |
|
|
|
<uni-icons color="#515150" type="right" size="16"></uni-icons> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
@ -138,7 +138,7 @@ |
|
|
|
<view style="padding: 20rpx 0 14rpx;">手机号 {{skuItem.selPerson.tel}}</view> |
|
|
|
<view>身份证 {{skuItem.selPerson.id_number}}</view> |
|
|
|
</view> |
|
|
|
<view v-else style="color: #EE3E3B;padding: 20rpx 0 14rpx;">不符合适用人群年龄限制</view> |
|
|
|
<view v-else style="color: #C3282E;padding: 20rpx 0 14rpx;">不符合适用人群年龄限制</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
<img @click.stop="changeAddressAddPopup('open',skuItem.selPerson)" v-if="!skuBuyMultiple" style="width: 32rpx;height: 32rpx;" |
|
|
|
@ -148,11 +148,11 @@ |
|
|
|
<view class="w-full" style="padding-bottom: 33rpx;" v-else> |
|
|
|
<view class="person-need" > |
|
|
|
<view class="flex flex-items-center"> |
|
|
|
<uni-icons color="#248BAA" type="plus" size="30"></uni-icons> |
|
|
|
<uni-icons color="#515150" type="plus" size="30"></uni-icons> |
|
|
|
<text style="padding:0 30rpx;">出行人1</text> |
|
|
|
<text >点击填写1位出行人信息</text> |
|
|
|
</view> |
|
|
|
<uni-icons color="#248BAA" type="right" size="16"></uni-icons> |
|
|
|
<uni-icons color="#515150" type="right" size="16"></uni-icons> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
@ -201,7 +201,7 @@ |
|
|
|
<view class="people-popup"> |
|
|
|
<view class="top flex-between" style="padding-bottom: 14rpx;"> |
|
|
|
<text class="text-overflow" @click="changeAddressPopup('close')">取消</text> |
|
|
|
<text style="color: #248BAA;" class="confirm" @click="changeAddressPopup('close',true)">确定</text> |
|
|
|
<text style="color: #515150;" class="confirm" @click="changeAddressPopup('close',true)">确定</text> |
|
|
|
</view> |
|
|
|
<view class="button" @click="changeAddressAddPopup('open',{})">添加出行人</view> |
|
|
|
<view class="popup-list" v-if="addressList.length > 0"> |
|
|
|
@ -231,7 +231,7 @@ |
|
|
|
<view class="top flex-between" style="height: fit-content;"> |
|
|
|
<text class="text-overflow" @click="changeAddressAddPopup('close')">取消</text> |
|
|
|
<text style="font-size: 35rpx;font-weight: 600;">{{addressTitle}}</text> |
|
|
|
<text style="color: #248BAA;" class="confirm" @click="saveAddress">保存</text> |
|
|
|
<text style="color: #515150;" class="confirm" @click="saveAddress">保存</text> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
@ -1139,7 +1139,7 @@ |
|
|
|
.left-price { |
|
|
|
font-weight: bold; |
|
|
|
font-size: 36rpx; |
|
|
|
color: #EE3E3B; |
|
|
|
color: #C3282E; |
|
|
|
padding-right: 27rpx; |
|
|
|
} |
|
|
|
.left-price::before { |
|
|
|
@ -1174,7 +1174,7 @@ |
|
|
|
width: 46rpx; |
|
|
|
height: 46rpx; |
|
|
|
line-height: 40rpx; |
|
|
|
background: #248BAA; |
|
|
|
background: #515150; |
|
|
|
border-radius: 50%; |
|
|
|
font-weight: 500; |
|
|
|
font-size: 45rpx; |
|
|
|
@ -1205,11 +1205,11 @@ |
|
|
|
width: 148rpx; |
|
|
|
text-align: center; |
|
|
|
border-radius: 23rpx; |
|
|
|
border: 1px solid #248BAA; |
|
|
|
border: 1px solid #515150; |
|
|
|
font-family: PingFang SC; |
|
|
|
font-weight: bold; |
|
|
|
font-size: 25rpx; |
|
|
|
color: #248BAA; |
|
|
|
color: #515150; |
|
|
|
line-height: 45rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
@ -1247,7 +1247,7 @@ |
|
|
|
margin-right: 14rpx; |
|
|
|
position: relative; |
|
|
|
&.active{ |
|
|
|
background: #248BAA |
|
|
|
background: #515150 |
|
|
|
} |
|
|
|
.disabled{ |
|
|
|
font-weight: 400; |
|
|
|
@ -1257,7 +1257,7 @@ |
|
|
|
.selected{ |
|
|
|
width: 28rpx; |
|
|
|
height: 28rpx; |
|
|
|
background: #248BAA; |
|
|
|
background: #515150; |
|
|
|
border-radius: 10rpx 0rpx 10rpx 0rpx; |
|
|
|
position: absolute; |
|
|
|
bottom: 0; |
|
|
|
@ -1313,7 +1313,7 @@ |
|
|
|
.person-need{ |
|
|
|
width: 100%; |
|
|
|
height: 80rpx; |
|
|
|
background: #EAF6F9; |
|
|
|
background: #F2F2F2; |
|
|
|
border-radius: 13rpx; |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
@ -1321,19 +1321,19 @@ |
|
|
|
font-family: PingFang SC; |
|
|
|
font-weight: 500; |
|
|
|
font-size: 27rpx; |
|
|
|
color: #248BAA; |
|
|
|
color: #515150; |
|
|
|
padding: 0 20rpx; |
|
|
|
} |
|
|
|
.person-item-more{ |
|
|
|
width: 110rpx; |
|
|
|
height: 73rpx; |
|
|
|
background: #EAF6F9; |
|
|
|
background: #F2F2F2; |
|
|
|
border-radius: 11rpx; |
|
|
|
text-align: center; |
|
|
|
font-family: PingFang SC; |
|
|
|
font-weight: 500; |
|
|
|
font-size: 29rpx; |
|
|
|
color: #248BAA; |
|
|
|
color: #515150; |
|
|
|
line-height: 73rpx; |
|
|
|
position: absolute; |
|
|
|
right: 0; |
|
|
|
@ -1419,7 +1419,7 @@ |
|
|
|
font-family: PingFang SC; |
|
|
|
font-weight: 500; |
|
|
|
color: #ffffff; |
|
|
|
background: #248BAA; |
|
|
|
background: #515150; |
|
|
|
margin-left: 10rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
@ -1488,7 +1488,7 @@ |
|
|
|
} |
|
|
|
|
|
|
|
.popup-item.active{ |
|
|
|
background: #248BAA |
|
|
|
background: #515150 |
|
|
|
} |
|
|
|
.popup-item.disabled{ |
|
|
|
.item-top { |
|
|
|
@ -1555,7 +1555,7 @@ |
|
|
|
.btn { |
|
|
|
width: 250rpx; |
|
|
|
height: 80rpx; |
|
|
|
background: linear-gradient(-90deg, #FC5109, #FC930A); |
|
|
|
background: #C3282E; |
|
|
|
border-radius: 43rpx; |
|
|
|
text-align: center; |
|
|
|
line-height: 80rpx; |
|
|
|
@ -1579,17 +1579,17 @@ |
|
|
|
font-size: 48rpx; |
|
|
|
font-family: PingFangSC-Regular, PingFang SC; |
|
|
|
font-weight: 400; |
|
|
|
color: #fc5109; |
|
|
|
color: #C3282E; |
|
|
|
&:before { |
|
|
|
content: '¥'; |
|
|
|
display: inline-block; |
|
|
|
color: #fc5109; |
|
|
|
color: #C3282E; |
|
|
|
font-size: 24rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
.post-text { |
|
|
|
margin-left: 15rpx; |
|
|
|
color: #fc5109; |
|
|
|
color: #C3282E; |
|
|
|
font-size: 24rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
@ -1672,9 +1672,10 @@ |
|
|
|
padding: 6rpx 0; |
|
|
|
} |
|
|
|
.item.active{ |
|
|
|
background: linear-gradient(-56deg, #9EE4FE, #7FD491); |
|
|
|
color: #000000; |
|
|
|
background: #515150; |
|
|
|
color: white; |
|
|
|
border: none; |
|
|
|
.price{color: white;} |
|
|
|
} |
|
|
|
.item.disabled{ |
|
|
|
color: #666; |
|
|
|
@ -1682,7 +1683,7 @@ |
|
|
|
} |
|
|
|
|
|
|
|
.price{ |
|
|
|
color: #EE3E3B; |
|
|
|
color: #C3282E; |
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
@ -1714,7 +1715,8 @@ |
|
|
|
color: #000; |
|
|
|
} |
|
|
|
.time-active { |
|
|
|
background: linear-gradient(270deg, #9EE4FE, #7FD491); |
|
|
|
background: #515150; |
|
|
|
color: white; |
|
|
|
border: none; |
|
|
|
} |
|
|
|
.time-disable { |
|
|
|
@ -1744,7 +1746,7 @@ |
|
|
|
.bottom-price { |
|
|
|
font-size: 48rpx; |
|
|
|
font-weight: 500; |
|
|
|
color: #EE3E3B; |
|
|
|
color: #C3282E; |
|
|
|
} |
|
|
|
.bottom-price::before { |
|
|
|
font-size: 24rpx; |
|
|
|
@ -1754,7 +1756,7 @@ |
|
|
|
.bottom-btn { |
|
|
|
width: 250rpx; |
|
|
|
height: 80rpx; |
|
|
|
background: #F74A57; |
|
|
|
background: #C3282E; |
|
|
|
border-radius: 40rpx; |
|
|
|
font-size: 32rpx; |
|
|
|
text-align: center; |
|
|
|
@ -1773,7 +1775,7 @@ |
|
|
|
display: block; |
|
|
|
width: 153rpx; |
|
|
|
height: 40rpx; |
|
|
|
background: #EE3E3B; |
|
|
|
background: #C3282E; |
|
|
|
border-radius: 9rpx; |
|
|
|
font-weight: 500; |
|
|
|
font-size: 24rpx; |
|
|
|
|
jiazhipeng
12 months ago