chenkainan
/
tongli_WeChat
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

酒店、特产、门票、美食样式调整

master
jiazhipeng 12 months ago
parent
4c90569bbb
commit
4a3e5d50cb
19 changed files with 189 additions and 166 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 2
      compoents/addressAdd.vue
  2. 8
      compoents/cartData.vue
  3. 4
      compoents/contactAdd.vue
  4. 2
      subPackages/food/foodList.vue
  5. 23
      subPackages/hotelHomestay/detail.vue
  6. 74
      subPackages/hotelHomestay/hotelHomestay.vue
  7. 26
      subPackages/hotelHomestay/order.vue
  8. 2
      subPackages/hotelHomestay/policy.vue
  9. 4
      subPackages/hotelHomestay/selectCalendar.vue
  10. 12
      subPackages/order/orderCoupon.vue
  11. 6
      subPackages/search/search.vue
  12. 10
      subPackages/search/searchList.vue
  13. 18
      subPackages/techan/detail.vue
  14. 25
      subPackages/techan/order.vue
  15. 6
      subPackages/techan/selfPickUpPoint.vue
  16. 28
      subPackages/techan/techanList.vue
  17. 35
      subPackages/ticketBooking/detail.vue
  18. 66
      subPackages/ticketBooking/order.vue
  19. 4
      subPackages/ticketBooking/ticketBooking.vue

2
compoents/addressAdd.vue
View File

@ -27,7 +27,7 @@
<view class="list-item" style="border-bottom: 0;"> <view class="list-item" style="border-bottom: 0;">
<view class="list-item-title">设为默认</view> <view class="list-item-title">设为默认</view>
<view class="list-item-switch"> <view class="list-item-switch">
<switch :checked="idDefault" @change="switchChange" color="#248BAA"/> <switch :checked="idDefault" @change="switchChange" color="#515150"/>
</view> </view>
</view> </view>
<!-- <view class="list-item-btn"> <!-- <view class="list-item-btn">

8
compoents/cartData.vue
View File

@ -8,12 +8,12 @@
<view class="select-area flex flex-items-center" @click.stop="selectAllGoods"> <view class="select-area flex flex-items-center" @click.stop="selectAllGoods">
<view class="select-cycle" v-show="!selectAll"></view> <view class="select-cycle" v-show="!selectAll"></view>
<view class="select-cycle selected" v-show="selectAll"> <view class="select-cycle selected" v-show="selectAll">
<image src="https://yjdtadmin.sz-trip.com/uploads/20240726/a3d19f85c743c71320b3f879e01f6355.png"> <image :src="showImg('/uploads/20241104/3d903e0c2788104b57b4ce5e07ea1de1.png')">
</view> </view>
<view style="padding-left: 26rpx;" >全选</view> <view style="padding-left: 26rpx;" >全选</view>
</view> </view>
<view class="delete-area flex flex-items-center" @click.stop="clearAllGoods"> <view class="delete-area flex flex-items-center" @click.stop="clearAllGoods">
<image src="https://yjdtadmin.sz-trip.com/uploads/20240726/dde92bdf8b89abb93bd00472de06a615.png"></image> <image :src="showImg('/uploads/20241104/50900c9a5fa5fbdbdee526abc9af4a40.png')"></image>
<view style="padding-left: 8rpx;" >清空</view> <view style="padding-left: 8rpx;" >清空</view>
</view> </view>
</view> </view>
@ -23,7 +23,7 @@
<view class="flex flex-items-center" @tap.stop="setItemSelect(item)"> <view class="flex flex-items-center" @tap.stop="setItemSelect(item)">
<view class="select-cycle" v-show="!item.isSelected"></view> <view class="select-cycle" v-show="!item.isSelected"></view>
<view class="select-cycle selected" v-show="item.isSelected"> <view class="select-cycle selected" v-show="item.isSelected">
<image src="https://yjdtadmin.sz-trip.com/uploads/20240726/a3d19f85c743c71320b3f879e01f6355.png"> <image :src="showImg('/uploads/20241104/3d903e0c2788104b57b4ce5e07ea1de1.png')">
</view> </view>
<view style="padding-left: 26rpx;flex:1"> <view style="padding-left: 26rpx;flex:1">
<view class="commodity box" > <view class="commodity box" >
@ -438,7 +438,7 @@
.ctrl { .ctrl {
width: 47rpx; width: 47rpx;
height: 47rpx; height: 47rpx;
background: #248BAA; background: #515150;
border-radius: 50%; border-radius: 50%;
font-family: PingFang SC; font-family: PingFang SC;
font-weight: 400; font-weight: 400;

4
compoents/contactAdd.vue
View File

@ -26,7 +26,7 @@
<view class="list-item"> <view class="list-item">
<view class="list-item-title">设为默认</view> <view class="list-item-title">设为默认</view>
<view class="list-item-switch"> <view class="list-item-switch">
<switch :checked="idDefault" @change="switchChange" color="#248BAA"/> <switch :checked="idDefault" @change="switchChange" color="#515150"/>
</view> </view>
</view> </view>
</view> </view>
@ -250,7 +250,7 @@
.btn { .btn {
width: 697rpx; width: 697rpx;
height: 80rpx; height: 80rpx;
background: #248BAA; background: #515150;
border-radius: 40rpx; border-radius: 40rpx;
text-align: center; text-align: center;
line-height: 80rpx; line-height: 80rpx;

2
subPackages/food/foodList.vue
View File

@ -181,7 +181,7 @@
font-family: PingFang SC; font-family: PingFang SC;
font-weight: 500; font-weight: 500;
font-size: 33.33rpx; font-size: 33.33rpx;
color: #D90F00; color: #C3282E;
display: flex; display: flex;
align-items: baseline; align-items: baseline;
} }

23
subPackages/hotelHomestay/detail.vue
View File

@ -42,12 +42,12 @@
{{info.address}} {{info.address}}
</view> </view>
<view class="flex-column flex-center"> <view class="flex-column flex-center">
<image :src="showImg('/uploads/20241023/e362e56d876e9dfb8dc65fdeeb9e4cd0.png')"> <image :src="showImg('/uploads/20241104/5d8850d588a1a0e9984df84fded76650.png')">
<view class="tip" style="padding-top: 11rpx;">地图</view> <view class="tip" style="padding-top: 11rpx;">地图</view>
</view> </view>
</view> </view>
<view class="phone-container flex-column flex-center" @click="callPhone"> <view class="phone-container flex-column flex-center" @click="callPhone">
<image :src="showImg('/uploads/20241023/3e36a30d7e5b7fa4228deb9d39f9e7e1.png')"> <image :src="showImg('/uploads/20241104/a6a24fcf7f34f854db279aacdb3364b8.png')">
<view class="tip" style="padding-top: 11rpx;">电话</view> <view class="tip" style="padding-top: 11rpx;">电话</view>
</view> </view>
@ -117,7 +117,7 @@
联系电话：{{info.tel}} 联系电话：{{info.tel}}
</view> </view>
<view @click="callPhone"> <view @click="callPhone">
<image :src="showImg('/uploads/20240830/8b5750ff23837fe4a187e13775f9424c.png')"> <image :src="showImg('/uploads/20241104/9d3b5719396fe03b76aec688f7fab285.png')">
</view> </view>
</view> </view>
</view> </view>
@ -507,14 +507,14 @@
overflow-x: auto; overflow-x: auto;
.tag{ .tag{
border-radius: 5rpx; border-radius: 5rpx;
border: 1px solid #248BAA; border: 1px solid #515150;
padding: 7rpx 14rpx; padding: 7rpx 14rpx;
font-family: PingFang SC; font-family: PingFang SC;
font-weight: 500; font-weight: 500;
font-size: 25rpx; font-size: 25rpx;
color: #248BAA; color: #515150;
text-align: center; text-align: center;
margin-right: 15rpx; margin-right: 15rpx;
flex-shrink: 0; flex-shrink: 0;
@ -553,8 +553,8 @@
font-weight: 500; font-weight: 500;
font-size: 27rpx; font-size: 27rpx;
color: #000000; color: #000000;
background-color: #E4F1F5; background-color: #F2F2F2;
background-image: url('https://tlgz.sz-trip.com/uploads/20241023/8281ce2c772077b25ccc403d50784b5a.png'); background-image: url('https://tlgz.sz-trip.com/uploads/20241104/8281ce2c772077b25ccc403d50784b5a.png');
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
image{ image{
@ -603,7 +603,7 @@
} }
} }
.cal-day{ .cal-day{
background: #E4F1F5; background: #F2F2F2;
border-radius: 17rpx; border-radius: 17rpx;
padding: 5rpx 16rpx; padding: 5rpx 16rpx;
font-family: PingFang SC; font-family: PingFang SC;
@ -671,9 +671,6 @@
font-size: 24rpx; font-size: 24rpx;
color: #666666; color: #666666;
line-height: 33rpx; line-height: 33rpx;
// text:last-of-type{
// color: #248BAA;
// }
} }
.price-container{ .price-container{
@ -685,7 +682,7 @@
font-family: PingFang SC; font-family: PingFang SC;
font-weight: bold; font-weight: bold;
font-size: 37rpx; font-size: 37rpx;
color: #D60000; color: #C3282E;
padding-right: 20rpx; padding-right: 20rpx;
} }
.price::before{ .price::before{
@ -695,7 +692,7 @@
.btn{ .btn{
width: 120rpx; width: 120rpx;
height: 47rpx; height: 47rpx;
background: linear-gradient(90deg, #FD6F34, #F4A61F); background: #C3282E;
border-radius: 23rpx; border-radius: 23rpx;
font-family: PingFang SC; font-family: PingFang SC;
font-weight: bold; font-weight: bold;

74
subPackages/hotelHomestay/hotelHomestay.vue
View File

@ -17,8 +17,8 @@
<view class="goodItem" v-for="(item,index) in list" :key="index" @click="viewDetail(item)"> <view class="goodItem" v-for="(item,index) in list" :key="index" @click="viewDetail(item)">
<view class="left-image flex-shrink-0 relative"> <view class="left-image flex-shrink-0 relative">
<image class="left-image " :src="showImg(item.image)" mode="aspectFill"></image> <image class="left-image " :src="showImg(item.image)" mode="aspectFill"></image>
<div class="hot-tag text-overflow" v-if="item.label">{{ item.label.split(',')[0] }}</div> <!-- <div class="hot-tag text-overflow" v-if="item.label">{{ item.label.split(',')[0] }}</div>
<div class="sale-tag text-overflow">已售{{ item.sales_number || 0 }}份</div> <div class="sale-tag text-overflow">已售{{ item.sales_number || 0 }}份</div> -->
</view> </view>
<view class="contentBox flex flex-column flex-1"> <view class="contentBox flex flex-column flex-1">
@ -26,12 +26,17 @@
<view class="flex-1 h-1rpx"> <view class="flex-1 h-1rpx">
<view class="hotel-tags"> <view class="hotel-tags">
<template v-if="item.product_data"> <!-- <template v-if="item.product_data">
<view class="hotel-item" v-for="(itemShow,indexShow) in item.product_data_show || []" :key="indexShow"> <view class="hotel-item" v-for="(itemShow,indexShow) in item.product_data_show || []" :key="indexShow">
<view class="hotel-tip" v-if="indexShow<3">{{ itemShow.title }}</view> <view class="hotel-tip" v-if="indexShow<3">{{ itemShow.title }}</view>
<view class="hotel-info text-overflow" v-if="indexShow<3">{{ itemShow.intro.map(v=>v.title).join("+") }}</view> <view class="hotel-info text-overflow" v-if="indexShow<3">{{ itemShow.intro.map(v=>v.title).join("+") }}</view>
</view> </view>
</template> </template> -->
<view class="tag-label no-scrollbar" v-if="item.label">
<view class="tag-item" v-for="(itemShow,indexShow) in item.label.split(',')" :key="indexShow">
{{itemShow}}
</view>
</view>
<view class="hotel-item" v-if="item.address"> <view class="hotel-item" v-if="item.address">
<view class="hotel-tip-image"> <view class="hotel-tip-image">
<img src="https://static.ticket.sz-trip.com/uploads/20240912/a0301af16f413baca5c9e7f36026ab14.png"> <img src="https://static.ticket.sz-trip.com/uploads/20240912/a0301af16f413baca5c9e7f36026ab14.png">
@ -44,7 +49,6 @@
<view class="flex-between"> <view class="flex-between">
<view class="priceBox flex-1 w-1rpx"> <view class="priceBox flex-1 w-1rpx">
售价
<view class="price">{{item.price/100}}</view> <view class="price">{{item.price/100}}</view>
</view> </view>
<view class="order-btn flex-shrink-0">立即预定</view> <view class="order-btn flex-shrink-0">立即预定</view>
@ -118,23 +122,21 @@
}, },
'/api/Scenic/getScenicByType').then(res => { '/api/Scenic/getScenicByType').then(res => {
let resData = res.data || [] let resData = res.data || []
resData.forEach(v=>{ // resData.forEach(v=>{
// todo // v.product_data_show = []
// v.product_data = [{"title":"住","intro":"[{\"title\":\"叠翠楼/浴霞楼园景标准客房1间\",\"unit\":\"1晚\"}]"},{"title":"食","intro":"[{\"title\":\"次日健康自助早餐/套餐\",\"unit\":\"2份\"}]"},{"title":"游","intro":"[{\"title\":\"江南第一楼雕花楼游览券\",\"unit\":\"2张\"},{\"title\":\"山麓园林启园游览券\",\"unit\":\"2张\"},{\"title\":\"苏州小镰仓\",\"unit\":\"2份\"}]"},{"title":"享","intro":"[{\"title\":\"健身房\",\"unit\":\"免费\"},{\"title\":\"亲子乐园\",\"unit\":\"免费\"}]"}] // if (v.product_data) {
v.product_data_show = [] // try{
if (v.product_data) { // v.product_data.forEach(x=>{
try{ // let [title,intro] = Object.entries(x)[0]
v.product_data.forEach(x=>{ // intro = JSON.parse(intro)
let [title,intro] = Object.entries(x)[0] // v.product_data_show.push({title: title, intro:intro})
intro = JSON.parse(intro) // })
v.product_data_show.push({title: title, intro:intro}) // } catch (e) {
}) // console.log(v)
} catch (e) { // }
console.log(v) // }
} // })
} // console.log(resData)
})
console.log(resData)
this.list = [...this.list, ...resData]; this.list = [...this.list, ...resData];
if (res.data.length < 10) { if (res.data.length < 10) {
this.finished = true this.finished = true
@ -230,14 +232,14 @@
} }
.type.active{ .type.active{
color: #FFFFFF; color: #FFFFFF;
background: #248BAA; background: #515150;
} }
} }
.goodItem{ .goodItem{
width: 100%; width: 100%;
height: 400rpx; height: 314rpx;
background: #FFFFFF; background: #FFFFFF;
margin-bottom: 26rpx; margin-bottom: 26rpx;
border-radius: 13rpx; border-radius: 13rpx;
@ -309,12 +311,12 @@
font-family: PingFang SC; font-family: PingFang SC;
font-weight: bold; font-weight: bold;
font-size: 38rpx; font-size: 38rpx;
color: #F02A2A; color: #C3282E;
display: inline-block; display: inline-block;
} }
.price::before{ .price::before{
content: '￥'; content: '￥';
color: #F02A2A; color: #C3282E;
font-size: 24rpx; font-size: 24rpx;
} }
.price::after{ .price::after{
@ -329,7 +331,7 @@
.order-btn{ .order-btn{
width: 147rpx; width: 147rpx;
height: 53rpx; height: 53rpx;
background: linear-gradient(-90deg, #EA280F, #FC5109, #FC930A); background: #C3282E;
border-radius: 27rpx; border-radius: 27rpx;
font-weight: bold; font-weight: bold;
font-size: 28rpx; font-size: 28rpx;
@ -386,4 +388,22 @@
} }
} }
} }
.tag-label{
width: 100%;
display: flex;
flex-wrap: nowrap;
overflow-x: auto;
margin-bottom: 34rpx;
.tag-item{
padding: 3rpx 15rpx;
border-radius: 19rpx 18rpx 18rpx 19rpx;
border: 1px solid #515150;
font-weight: 500;
font-size: 25rpx;
color: #515150;
flex-shrink: 0;
margin-right: 14rpx;
}
}
</style> </style>

26
subPackages/hotelHomestay/order.vue
View File

@ -6,7 +6,7 @@
<view class="info-title text-overflowRows">{{skuInfo.title}}</view> <view class="info-title text-overflowRows">{{skuInfo.title}}</view>
<view class="policy-btn flex-shrink-0 flex flex-items-center" @click="openPopRule"> <view class="policy-btn flex-shrink-0 flex flex-items-center" @click="openPopRule">
房型信息 房型信息
<uni-icons color="#248BAA" style="height: 32rpx;" type="right" size="12"></uni-icons> <uni-icons color="#515150" style="height: 32rpx;" type="right" size="12"></uni-icons>
</view> </view>
</view> </view>
@ -34,7 +34,7 @@
<view class="notice-container"> <view class="notice-container">
<view class="flex"> <view class="flex">
<view class="flex-shrink-0" style="padding-top: 4rpx;"> <view class="flex-shrink-0" style="padding-top: 4rpx;">
<image :src="showImg('/uploads/20241023/f83bb90072f1ef5773e69d0f6a9b119b.png')"></image> <image :src="showImg('/uploads/20241104/0e3ce9f1e5a00c2e8f7eab4dda506aa6.png')"></image>
</view> </view>
<view class="flex-1 w-1rpx" style="padding-left: 14rpx;"> <view class="flex-1 w-1rpx" style="padding-left: 14rpx;">
<view>订单确认后，您在{{new Date(selectDate.startDay).Format('yyyy年MM月dd日')}}20:00前之免费取消或 变更订单，20:00后将收取30%房费作为违约费用。</view> <view>订单确认后，您在{{new Date(selectDate.startDay).Format('yyyy年MM月dd日')}}20:00前之免费取消或 变更订单，20:00后将收取30%房费作为违约费用。</view>
@ -44,7 +44,7 @@
<view class="flex" style="padding-top: 22rpx;"> <view class="flex" style="padding-top: 22rpx;">
<view class="flex-shrink-0" style="padding-top: 4rpx;"> <view class="flex-shrink-0" style="padding-top: 4rpx;">
<image :src="showImg('/uploads/20241023/f83bb90072f1ef5773e69d0f6a9b119b.png')"></image> <image :src="showImg('/uploads/20241104/16bf13a6867cc9df42e1154a92e7d87a.png')"></image>
</view> </view>
<view class="flex-1 w-1rpx" style="padding-left: 14rpx;"> <view class="flex-1 w-1rpx" style="padding-left: 14rpx;">
<view>证件要求：大陆居民身份证登记入住</view> <view>证件要求：大陆居民身份证登记入住</view>
@ -107,7 +107,6 @@
<view class="price-box"> <view class="price-box">
<view class="text">合计:</view> <view class="text">合计:</view>
<view class="price">{{ total() }}</view> <view class="price">{{ total() }}</view>
<!-- <view class="post-text" v-if="sendType==1&&post">含邮费:¥{{ post / 100 }}</view> -->
</view> </view>
<view class="btn" @click="order()">立即预订</view> <view class="btn" @click="order()">立即预订</view>
</view> </view>
@ -518,7 +517,7 @@
} }
.notice-container{ .notice-container{
background:#E4F1F5; background:#F2F2F2;
border-radius: 13rpx; border-radius: 13rpx;
font-family: PingFang SC; font-family: PingFang SC;
font-weight: 500; font-weight: 500;
@ -545,7 +544,7 @@
} }
} }
.cal-day{ .cal-day{
background: #E4F1F5; background: #F2F2F2;
border-radius: 17rpx; border-radius: 17rpx;
padding: 5rpx 16rpx; padding: 5rpx 16rpx;
font-family: PingFang SC; font-family: PingFang SC;
@ -601,7 +600,7 @@
.btn { .btn {
width: 294rpx; width: 294rpx;
height: 88rpx; height: 88rpx;
background: linear-gradient(-90deg, #FC5109, #FC930A); background: #C3282E;
border-radius: 43rpx; border-radius: 43rpx;
text-align: center; text-align: center;
line-height: 88rpx; line-height: 88rpx;
@ -626,19 +625,14 @@
font-size: 36rpx; font-size: 36rpx;
font-family: PingFangSC-Regular, PingFang SC; font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400; font-weight: 400;
color: #F84A56; color: #C3282E;
&:before { &:before {
content: '¥'; content: '¥';
display: inline-block; display: inline-block;
color: #F84A56; color: #C3282E;
font-size: 36rpx; font-size: 36rpx;
} }
} }
.post-text {
margin-left: 15rpx;
color: #fc5109;
font-size: 24rpx;
}
} }
} }
@ -689,7 +683,7 @@
.ctrl { .ctrl {
width: 47rpx; width: 47rpx;
height: 47rpx; height: 47rpx;
background: #248BAA; background: #515150;
border-radius: 50%; border-radius: 50%;
font-family: PingFang SC; font-family: PingFang SC;
font-weight: 400; font-weight: 400;
@ -731,7 +725,7 @@
display: block; display: block;
width: 153rpx; width: 153rpx;
height: 40rpx; height: 40rpx;
background: #EE3E3B; background: #C3282E;
border-radius: 9rpx; border-radius: 9rpx;
font-weight: 500; font-weight: 500;
font-size: 24rpx; font-size: 24rpx;

2
subPackages/hotelHomestay/policy.vue
View File

@ -8,7 +8,7 @@
联系电话：{{info.tel}} 联系电话：{{info.tel}}
</view> </view>
<view @click="callPhone"> <view @click="callPhone">
<image :src="showImg('/uploads/20241023/3e36a30d7e5b7fa4228deb9d39f9e7e1.png')"> <image :src="showImg('/uploads/20241104/9d3b5719396fe03b76aec688f7fab285.png')">
</view> </view>
</view> </view>
</view> </view>

4
subPackages/hotelHomestay/selectCalendar.vue
View File

@ -4,7 +4,7 @@
<!--如果需要solt--> <!--如果需要solt-->
<!--用法二：当mode=2、3的模式下分别为（酒店\往返）的离开日期--> <!--用法二：当mode=2、3的模式下分别为（酒店\往返）的离开日期-->
<Calendar @click="tip" :is-show="true" :start-date="startDate" :end-date="endDate" mode="2" :title="'日期选择'" <Calendar @click="tip" :is-show="true" :start-date="startDate" :end-date="endDate" mode="2" :title="'日期选择'"
@callback="getDate" :transition="'slide'" :theme-color="'#248BAA'" /> @callback="getDate" :transition="'slide'" :theme-color="'#515150'" />
<div class="btn" @click="determine()"> <div class="btn" @click="determine()">
确定 确定
</div> </div>
@ -59,7 +59,7 @@
.btn { .btn {
width: 697rpx; width: 697rpx;
height: 80rpx; height: 80rpx;
background: #248BAA; background: #C3282E;
border-radius: 40rpx; border-radius: 40rpx;
line-height: 80rpx; line-height: 80rpx;
font-size: 36rpx; font-size: 36rpx;

12
subPackages/order/orderCoupon.vue
View File

@ -24,7 +24,7 @@
{{item.open_time.slice(0,10)}}-{{item.end_time.slice(0,10)}}可用 {{item.open_time.slice(0,10)}}-{{item.end_time.slice(0,10)}}可用
</view> </view>
</view> </view>
<image class="selected" v-if="item.selected" @click="selectCoupon(item,index)" :src="showImg('/uploads/20241024/3ef19d6740101142beb51f51ae9ef9f3.png')" mode=""></image> <image class="selected" v-if="item.selected" @click="selectCoupon(item,index)" :src="showImg('/uploads/20241104/f304eab8fe780e63507c9a43c5135cb7.png')" mode=""></image>
<view v-else class="yuan" @click="selectCoupon(item,index)"></view> <view v-else class="yuan" @click="selectCoupon(item,index)"></view>
</view> </view>
<!-- 分割线 --> <!-- 分割线 -->
@ -292,7 +292,7 @@
.coupon-item .item-top .price { .coupon-item .item-top .price {
font-size: 25rpx; font-size: 25rpx;
font-weight: bold; font-weight: bold;
color: #FC5209; color: #C3282E;
display: flex; display: flex;
align-items: baseline; align-items: baseline;
justify-content: center; justify-content: center;
@ -306,7 +306,7 @@
.top-left .subtitle { .top-left .subtitle {
width: 100%; width: 100%;
font-size: 24rpx; font-size: 24rpx;
color: #FC5209; color: #C3282E;
padding-left: 6rpx; padding-left: 6rpx;
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
@ -340,12 +340,12 @@
.item-bottom .use { .item-bottom .use {
width: 133rpx; width: 133rpx;
height: 47rpx; height: 47rpx;
border: 1px solid #FC5209; border: 1px solid #C3282E;
border-radius: 23rpx; border-radius: 23rpx;
text-align: center; text-align: center;
font-size: 25rpx; font-size: 25rpx;
font-weight: 500; font-weight: 500;
color: #fc5209; color: #C3282E;
line-height: 47rpx; line-height: 47rpx;
} }
.coupon-list{ .coupon-list{
@ -390,7 +390,7 @@
.sure { .sure {
width: 250rpx; width: 250rpx;
height: 80rpx; height: 80rpx;
background: linear-gradient(270deg, #FC6712, #FD9526); background: #C3282E;
color: #fff; color: #fff;
font-size: 32rpx; font-size: 32rpx;
font-weight: bold; font-weight: bold;

6
subPackages/search/search.vue
View File

@ -95,7 +95,7 @@
width: 697rpx; width: 697rpx;
height: 68rpx; height: 68rpx;
margin: 34rpx auto; margin: 34rpx auto;
border-radius: 13rpx; border-radius: 33rpx;
padding: 6rpx 7rpx 6rpx 26rpx; padding: 6rpx 7rpx 6rpx 26rpx;
font-size: 26rpx; font-size: 26rpx;
display: flex; display: flex;
@ -119,8 +119,8 @@
} }
.search-box .btn { .search-box .btn {
background: #248BAA; background: #515150;
border-radius: 7rpx; border-radius: 27rpx;
font-size: 28rpx; font-size: 28rpx;
color: #FFFFFF; color: #FFFFFF;
padding: 10rpx 26rpx; padding: 10rpx 26rpx;

10
subPackages/search/searchList.vue
View File

@ -102,7 +102,7 @@
}, },
{ {
id: 'line', id: 'line',
name: '特色体验' name: '线路'
}, },
{ {
id: 'article', id: 'article',
@ -203,7 +203,7 @@
width: 697rpx; width: 697rpx;
height: 68rpx; height: 68rpx;
margin: 34rpx auto 20rpx; margin: 34rpx auto 20rpx;
border-radius: 13rpx; border-radius: 33rpx;
padding: 6rpx 7rpx 6rpx 26rpx; padding: 6rpx 7rpx 6rpx 26rpx;
font-size: 26rpx; font-size: 26rpx;
display: flex; display: flex;
@ -227,8 +227,8 @@
} }
.search-box .btn { .search-box .btn {
background-color: #248BAA; background-color: #515150;
border-radius: 7rpx; border-radius: 27rpx;
font-size: 28rpx; font-size: 28rpx;
color: #FFFFFF; color: #FFFFFF;
padding: 10rpx 26rpx; padding: 10rpx 26rpx;
@ -372,7 +372,7 @@
right: 0; right: 0;
bottom: 1rpx; bottom: 1rpx;
height: 4rpx; height: 4rpx;
background: #248BAA; background: #515150;
border-radius: 2rpx; border-radius: 2rpx;
} }
} }

18
subPackages/techan/detail.vue
View File

@ -60,7 +60,7 @@
<view class="img-box" slot="content" v-if="is_post==1"> <view class="img-box" slot="content" v-if="is_post==1">
<uni-badge class="uni-badge-left-margin" :text="paramData.num" absolute="rightTop" :offset="[5, 5]" size="small" <uni-badge class="uni-badge-left-margin" :text="paramData.num" absolute="rightTop" :offset="[5, 5]" size="small"
:custom-style="{background:'#F7F7F7',color:'#F84A56',border:'1px solid #F84A56'}"> :custom-style="{background:'#F7F7F7',color:'#F84A56',border:'1px solid #F84A56'}">
<image @click.stop="showCartClick" :src="showImg('/uploads/20241023/0a20db04ed7201577cfe4886baa304c0.png')" mode="aspectFill" <image @click.stop="showCartClick" :src="showImg('/uploads/20241104/88b88bf627a63dd000afe769d1392fb4.png')" mode="aspectFill"
style="width: 78rpx;height: 78rpx;"></image> style="width: 78rpx;height: 78rpx;"></image>
</uni-badge> </uni-badge>
</view> </view>
@ -90,7 +90,7 @@
<view class="img-box" slot="content"> <view class="img-box" slot="content">
<uni-badge class="uni-badge-left-margin" :text="paramData.num" absolute="rightTop" :offset="[5, 5]" size="small" <uni-badge class="uni-badge-left-margin" :text="paramData.num" absolute="rightTop" :offset="[5, 5]" size="small"
:custom-style="{background:'#F7F7F7',color:'#F84A56',border:'1px solid #F84A56'}"> :custom-style="{background:'#F7F7F7',color:'#F84A56',border:'1px solid #F84A56'}">
<image @click.stop="showCartClick" :src="showImg('/uploads/20241023/0a20db04ed7201577cfe4886baa304c0.png')" mode="aspectFill" <image @click.stop="showCartClick" :src="showImg('/uploads/20241104/88b88bf627a63dd000afe769d1392fb4.png')" mode="aspectFill"
style="width: 78rpx;height: 78rpx;"></image> style="width: 78rpx;height: 78rpx;"></image>
</uni-badge> </uni-badge>
</view> </view>
@ -498,11 +498,11 @@
font-family: PingFangSC; font-family: PingFangSC;
padding: 8rpx 16rpx; padding: 8rpx 16rpx;
flex-shrink: 0; flex-shrink: 0;
background: #EAF6F9; border:1px solid #515150;
border-radius: 11rpx; border-radius: 11rpx;
font-weight: 500; font-weight: 500;
font-size: 24rpx; font-size: 24rpx;
color: #248BAA; color: #515150;
} }
} }
@ -687,7 +687,7 @@
.btn-buy { .btn-buy {
width: 293rpx; width: 293rpx;
height: 78rpx; height: 78rpx;
background: linear-gradient(-90deg, #FC5109, #FC930A); background: #C3282E;
border-radius: 40rpx; border-radius: 40rpx;
text-align: center; text-align: center;
line-height: 78rpx; line-height: 78rpx;
@ -779,7 +779,7 @@
.botProducts { .botProducts {
// border: 1rpx solid #00AAFF; // border: 1rpx solid #00AAFF;
// background-color: rgba(254, 180, 25, 1); // background-color: rgba(254, 180, 25, 1);
background: #248BAA; background: #515150;
color: #FFFFFF; color: #FFFFFF;
} }
@ -896,16 +896,18 @@
line-height: 77rpx; line-height: 77rpx;
text-align: center; text-align: center;
display: flex; display: flex;
.left-btn-buy{ .left-btn-buy{
width: 207rpx; width: 207rpx;
height: 77rpx; height: 77rpx;
background: #FD910A; color: #C3282E;
border-radius: 39rpx 0rpx 0rpx 39rpx; border-radius: 39rpx 0rpx 0rpx 39rpx;
border: 1px solid #C3282E;
} }
.right-btn-buy{ .right-btn-buy{
width: 207rpx; width: 207rpx;
height: 77rpx; height: 77rpx;
background: #FC5409; background: #C3282E;
border-radius: 0rpx 39rpx 39rpx 0rpx; border-radius: 0rpx 39rpx 39rpx 0rpx;
} }
} }

25
subPackages/techan/order.vue
View File

@ -197,7 +197,7 @@
<view class="top flex-between" style="height: fit-content;"> <view class="top flex-between" style="height: fit-content;">
<text class="text-overflow" @click="changeAddressAddPopup('close')">取消</text> <text class="text-overflow" @click="changeAddressAddPopup('close')">取消</text>
<text style="font-size: 35rpx;font-weight: 600;">{{addressTitle}}</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>
</view> </view>
@ -458,11 +458,16 @@ export default {
// 总价 // 总价
total() { total() {
let price = 0 let price = 0
let postPrice = this.info.is_post == 2?0:this.post let postPrice = 0
let allPrice = 0 let allPrice = 0
if (this.info && Array.isArray(this.info.goods)) { if (this.info && Array.isArray(this.info.goods)) {
this.info.goods.forEach(v=>{ this.info.goods.forEach(v=>{
allPrice += v.skuInfo.money*v.skuInfo.buyNum allPrice += v.skuInfo.money*v.skuInfo.buyNum
if (this.info.is_post == 1) {
postPrice+=v.post
}
}) })
} }
this.allprice = allPrice + postPrice this.allprice = allPrice + postPrice
@ -870,7 +875,7 @@ view {
.ctrl { .ctrl {
width: 47rpx; width: 47rpx;
height: 47rpx; height: 47rpx;
background: #248BAA; background: #515150;
border-radius: 50%; border-radius: 50%;
font-family: PingFang SC; font-family: PingFang SC;
font-weight: 400; font-weight: 400;
@ -899,7 +904,7 @@ view {
.btn { .btn {
width: 294rpx; width: 294rpx;
height: 88rpx; height: 88rpx;
background: linear-gradient(-90deg, #FC5109, #FC930A); background: #C3282E;
border-radius: 43rpx; border-radius: 43rpx;
text-align: center; text-align: center;
line-height: 88rpx; line-height: 88rpx;
@ -924,11 +929,11 @@ view {
font-size: 36rpx; font-size: 36rpx;
font-family: PingFangSC-Regular, PingFang SC; font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400; font-weight: 400;
color: #F84A56; color: #C3282E;
&:before { &:before {
content: '¥'; content: '¥';
display: inline-block; display: inline-block;
color: #F84A56; color: #C3282E;
font-size: 36rpx; font-size: 36rpx;
} }
} }
@ -1055,7 +1060,7 @@ view {
font-family: PingFang SC; font-family: PingFang SC;
font-weight: 500; font-weight: 500;
color: #ffffff; color: #ffffff;
background: #248BAA; background: #515150;
} }
} }
@ -1124,7 +1129,7 @@ view {
} }
.popup-item.active{ .popup-item.active{
background-image: linear-gradient(135deg, #9EE4FE, #7FD491); background: #515150;
} }
} }
@ -1287,7 +1292,7 @@ view {
.sendwayArea{ .sendwayArea{
margin: 26rpx; margin: 26rpx;
display: flex; display: flex;
border: 1px solid #248BAA; border: 1px solid #515150;
border-radius: 13rpx; border-radius: 13rpx;
width: fit-content; width: fit-content;
background-color: white; background-color: white;
@ -1323,7 +1328,7 @@ view {
display: block; display: block;
width: 153rpx; width: 153rpx;
height: 40rpx; height: 40rpx;
background: #EE3E3B; background: #C3282E;
border-radius: 9rpx; border-radius: 9rpx;
font-weight: 500; font-weight: 500;
font-size: 24rpx; font-size: 24rpx;

6
subPackages/techan/selfPickUpPoint.vue
View File

@ -11,7 +11,7 @@
</view> </view>
<view class="item-point-guide" @click.stop="goMap(item)"> <view class="item-point-guide" @click.stop="goMap(item)">
<view> <view>
<image :src="showImg('/uploads/20241023/606371911c72c189c4d418a51387a139.png')" mode="aspectFill" class="mapPoint"></image> <image :src="showImg('/uploads/20241104/8ff7aa0225c9e4fb86df1a9cb229c932.png')" mode="aspectFill" class="mapPoint"></image>
</view> </view>
<view>去这里</view> <view>去这里</view>
</view> </view>
@ -171,7 +171,7 @@
width:140rpx; width:140rpx;
flex-shrink: 0; flex-shrink: 0;
border-left: 1px solid #D8D8D8; border-left: 1px solid #D8D8D8;
color: #248BAA; color: #515150;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
@ -184,7 +184,7 @@
} }
} }
.item-bg.active{ .item-bg.active{
background: #248BAA; background: #515150;
} }
.name { .name {
display: flex; display: flex;

28
subPackages/techan/techanList.vue
View File

@ -5,11 +5,11 @@
<view class="type-container"> <view class="type-container">
<view class="send-type-container"> <view class="send-type-container">
<view :class="['type',type1==0?'active':'']" @click.stop="changeType('type1',0)"> <view :class="['type',type1==0?'active':'']" @click.stop="changeType('type1',0)">
<image :src="showImg(type1==0?'/uploads/20241023/0d46c6d4ba08c7eb428770d27abf90aa.png':'/uploads/20241023/4562e1c05835c0b38576345f207e0d8e.png')"></image> <image :src="showImg(type1==0?'/uploads/20241023/0d46c6d4ba08c7eb428770d27abf90aa.png':'/uploads/20241104/0da5535494f95dc1bd1b125f2ea14bca.png')"></image>
自提专区 自提专区
</view> </view>
<view :class="['type',type1==1?'active':'']" @click.stop="changeType('type1',1)"> <view :class="['type',type1==1?'active':'']" @click.stop="changeType('type1',1)">
<image :src="showImg(type1==1?'/uploads/20241023/fbc0d085d012bdad49d865c5aa85f4a9.png':'/uploads/20241023/867aefeb3cccf11a3fa88c5a797c57be.png')"></image> <image :src="showImg(type1==1?'/uploads/20241023/fbc0d085d012bdad49d865c5aa85f4a9.png':'/uploads/20241104/1cd8c1aaf2d4ded7a3ead6f0396e100d.png')"></image>
邮寄专区 邮寄专区
</view> </view>
</view> </view>
@ -33,7 +33,7 @@
立即购买 立即购买
</view> </view>
<view class="buy-cart" v-show="type1==1" @click.stop="showOrderCart(item.goods)"> <view class="buy-cart" v-show="type1==1" @click.stop="showOrderCart(item.goods)">
<image :src="showImg('/uploads/20241023/3a0fafaf120c9a1bdd90d44fe465e1f6.png')"></image> <image :src="showImg('/uploads/20241104/0ac7eb782b73e60e3cfc8200b7934a4a.png')"></image>
</view> </view>
</view> </view>
</view> </view>
@ -49,7 +49,7 @@
<uni-badge class="uni-badge-left-margin" :text="paramData.num" absolute="rightTop" :offset="[5, 5]" size="small" <uni-badge class="uni-badge-left-margin" :text="paramData.num" absolute="rightTop" :offset="[5, 5]" size="small"
:custom-style="{background:'#F7F7F7',color:'#F84A56',border:'1px solid #F84A56'}"> :custom-style="{background:'#F7F7F7',color:'#F84A56',border:'1px solid #F84A56'}">
<view class="img-box" @click.stop="showCartClick"> <view class="img-box" @click.stop="showCartClick">
<image :src="showImg('/uploads/20241023/0a20db04ed7201577cfe4886baa304c0.png')" mode="aspectFill"></image> <image :src="showImg('/uploads/20241104/88b88bf627a63dd000afe769d1392fb4.png')" mode="aspectFill"></image>
</view> </view>
</uni-badge> </uni-badge>
<view class="bottom-price"> <view class="bottom-price">
@ -401,8 +401,8 @@
.price { .price {
font-size: 34.67rpx; font-size: 34.67rpx;
font-family: PingFangSC; font-family: PingFangSC;
font-weight: bold; // font-weight: bold;
color: #D60000; color: #C3282E;
} }
.price::before { .price::before {
content: '￥'; content: '￥';
@ -418,7 +418,7 @@
.buy { .buy {
width: 140rpx; width: 140rpx;
height: 42rpx; height: 42rpx;
background: linear-gradient(-90deg, #FC5109, #FC930A); background: #C3282E;
border-radius: 21rpx; border-radius: 21rpx;
text-align: center; text-align: center;
line-height: 42rpx; line-height: 42rpx;
@ -448,7 +448,7 @@
padding: 4rpx; padding: 4rpx;
background: #EAF6F9; background: #EAF6F9;
border-radius: 13rpx; border-radius: 13rpx;
border: 1px solid #248BAA; border: 1px solid #525251;
display: flex; display: flex;
.type{ .type{
@ -459,7 +459,7 @@
border-radius: 13rpx; border-radius: 13rpx;
font-weight: 500; font-weight: 500;
font-size: 28rpx; font-size: 28rpx;
color: #248BAA; color: #525251;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
@ -471,7 +471,7 @@
} }
.type.active{ .type.active{
color: #FFFFFF; color: #FFFFFF;
background: #248BAA; background: #525251;
} }
} }
@ -499,7 +499,7 @@
content: ''; content: '';
width: 67rpx; width: 67rpx;
height: 5rpx; height: 5rpx;
background: #248BAA; background: #525251;
border-radius: 3rpx; border-radius: 3rpx;
position: absolute; position: absolute;
bottom: 0; bottom: 0;
@ -530,7 +530,7 @@
font-family: PingFang SC; font-family: PingFang SC;
font-weight: bold; font-weight: bold;
font-size: 27rpx; font-size: 27rpx;
color: #F84A56; color: #C3282E;
padding: 0 33rpx; padding: 0 33rpx;
.bottom-price-yuan{ .bottom-price-yuan{
font-size: 40rpx; font-size: 40rpx;
@ -555,7 +555,7 @@
.btn-buy { .btn-buy {
width: 254rpx; width: 254rpx;
height: 78rpx; height: 78rpx;
background: linear-gradient(-90deg, #FC5109, #FC930A); background: #C3282E;
border-radius: 40rpx; border-radius: 40rpx;
text-align: center; text-align: center;
line-height: 78rpx; line-height: 78rpx;
@ -647,7 +647,7 @@
.botProducts { .botProducts {
// border: 1rpx solid #00AAFF; // border: 1rpx solid #00AAFF;
// background-color: rgba(254, 180, 25, 1); // background-color: rgba(254, 180, 25, 1);
background: #248BAA; background: #525251;
color: #FFFFFF; color: #FFFFFF;
} }

35
subPackages/ticketBooking/detail.vue
View File

@ -57,7 +57,7 @@
</view> </view>
</view> </view>
<view @click="goMap" class="map-icon"> <view @click="goMap" class="map-icon">
<img style="width: 50rpx;height: 50rpx;" :src="showImg('/uploads/20241024/d3206e0940dce236b8b2adaecb1e27d9.png')"> <img style="width: 50rpx;height: 50rpx;" :src="showImg('/uploads/20241104/07d3dce7ad780dc9f207142887e938e8.png')">
<view>去这里</view> <view>去这里</view>
</view> </view>
</view> </view>
@ -71,14 +71,14 @@
<Voice-play :duration="133" :play="false"></Voice-play> <Voice-play :duration="133" :play="false"></Voice-play>
<view class='flex-1' style="width: 10rpx;padding:0 30rpx"> <view class='flex-1' style="width: 10rpx;padding:0 30rpx">
<slider @change="audioSeek" @changing="audioChanging" style="width: 100%;margin: 0;" :block-size="12" backgroundColor='#E4F1F5' <slider @change="audioSeek" @changing="audioChanging" style="width: 100%;margin: 0;" :block-size="12" backgroundColor='#E4F1F5'
activeColor='#248BAA' :min='0' :max='currentAudio.video_length.toFixed(0)' :value='currentAudio.currentTime.toFixed(0)' :step='0.1'></slider> activeColor='#12293C' :min='0' :max='currentAudio.video_length.toFixed(0)' :value='currentAudio.currentTime.toFixed(0)' :step='0.1'></slider>
</view> </view>
<view class='flex-shrink-0'> {{getTime(Math.round(currentAudio.video_length))}}</view> <view class='flex-shrink-0'> {{getTime(Math.round(currentAudio.video_length))}}</view>
<view class='play-icon' style="height:59rpx" > <view class='play-icon' style="height:59rpx" >
<image v-if="!curPlay" @tap.stop="playVoice" :src="showImg('/uploads/20241024/07a3e6d081d585737c34556046378dba.png')" ></image> <image v-if="!curPlay" @tap.stop="playVoice" :src="showImg('/uploads/20241104/d5e0afc30007b693b1880dfe49fa329e.png')" ></image>
<image v-else @tap.stop="pauseVoice" :src="showImg('/uploads/20241024/3dc9ce0e77d0e1166fdb1241f9b52fe0.png')" class='icon'></image> <image v-else @tap.stop="pauseVoice" :src="showImg('/uploads/20241104/986b741dfc323cf6175c34e2ca751a9a.png')" class='icon'></image>
</view> </view>
</view> </view>
</view> </view>
@ -97,7 +97,7 @@
</view> </view>
</view> </view>
<view style="color: #248BAA;" class="notice" @click="showSkuInfo(itemSku, item)"> <view style="color: #12293C;" class="notice" @click="showSkuInfo(itemSku, item)">
预订须知 > 预订须知 >
</view> </view>
</view> </view>
@ -109,7 +109,7 @@
{{showNoPriceNew(itemSku.price)}} {{showNoPriceNew(itemSku.price)}}
</view> </view>
<view class="btn" @click="changeSku(itemSku, item)"> <view class="btn" @click="changeSku(itemSku, item)">
预订 购买
</view> </view>
</view> </view>
</view> </view>
@ -759,21 +759,21 @@
font-family: PingFangSC; font-family: PingFangSC;
font-weight: 500; font-weight: 500;
font-size: 36rpx; font-size: 36rpx;
color: #EE3E3B; color: #C3282E;
} }
.price::before { .price::before {
display: inline-block; display: inline-block;
content: "￥"; content: "￥";
font-size: 24rpx; font-size: 24rpx;
font-weight: 500; font-weight: 500;
color: #EE3E3B; color: #C3282E;
} }
.btn { .btn {
margin-top: 20rpx; margin-top: 20rpx;
width: 133rpx; width: 133rpx;
height: 53rpx; height: 53rpx;
background: linear-gradient(-90deg, #FC5109, #FC930A); background: #C3282E;
border-radius: 27rpx; border-radius: 27rpx;
text-align: center; text-align: center;
line-height: 53rpx; line-height: 53rpx;
@ -870,8 +870,10 @@
padding: 6rpx 0; padding: 6rpx 0;
} }
.item.active{ .item.active{
background: rgba(36,139,170,0.12); background: #515150;
border: 1px solid #248BAA; color: white;
border: 1px solid #12293C;
.price{color: white;}
} }
.item.disabled{ .item.disabled{
color: #666; color: #666;
@ -910,8 +912,9 @@
color: #000; color: #000;
} }
.time-active { .time-active {
background: rgba(36,139,170,0.12); background: #515150;
border: 1px solid #248BAA; color: white;
border: 1px solid #12293C;
} }
.time-disable { .time-disable {
color: #666666; color: #666666;
@ -950,7 +953,7 @@
.bottom-btn { .bottom-btn {
width: 250rpx; width: 250rpx;
height: 80rpx; height: 80rpx;
background: linear-gradient(-90deg, #FC5109, #FC930A); background: #C3282E;
border-radius: 40rpx; border-radius: 40rpx;
font-size: 32rpx; font-size: 32rpx;
text-align: center; text-align: center;
@ -977,7 +980,7 @@
justify-content: space-between; justify-content: space-between;
font-weight: 500; font-weight: 500;
font-size: 20rpx; font-size: 20rpx;
color: #248BAA; color: #12293C;
} }
.audio{ .audio{
.play-icon{ .play-icon{
@ -995,7 +998,7 @@
color: #333 !important; color: #333 !important;
} }
/deep/ .uni-calendar-item--isDay{ /deep/ .uni-calendar-item--isDay{
background: #248BAA !important; background: #12293C !important;
border-radius: 50%; border-radius: 50%;
.uni-calendar-item--extra{ .uni-calendar-item--extra{

66
subPackages/ticketBooking/order.vue
View File

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

4
subPackages/ticketBooking/ticketBooking.vue
View File

@ -176,12 +176,12 @@
font-family: PingFang SC; font-family: PingFang SC;
font-weight: bold; font-weight: bold;
font-size: 33rpx; font-size: 33rpx;
color: #F02A2A; color: #C3282E;
text-align: right; text-align: right;
} }
.price-money::before{ .price-money::before{
content: '￥'; content: '￥';
color: #F02A2A; color: #C3282E;
font-size: 24rpx; font-size: 24rpx;
} }
.price-money::after{ .price-money::after{

Write Preview
Loading…
Cancel
Save