Browse Source

日期组件调整

master
jiazhipeng 12 months ago
parent
commit
750befddf9
  1. 14
      subPackages/hotelHomestay/selectCalendar.vue
  2. 9
      subPackages/ticketBooking/detail.vue
  3. 21
      subPackages/ticketBooking/order.vue

14
subPackages/hotelHomestay/selectCalendar.vue

@ -3,7 +3,7 @@
<!--如果需要solt-->
<!--用法二当mode=23的模式下分别为酒店\往返的离开日期-->
<Calendar @click="tip" :is-show="true" :start-date="startDate" :end-date="endDate" mode="2" :title="'日期选择'"
<Calendar class="custom-calendar" @click="tip" :is-show="true" :start-date="startDate" :end-date="endDate" mode="2" :title="'日期选择'"
@callback="getDate" :transition="'slide'" :theme-color="'#515150'" />
<div class="btn" @click="determine()">
确定
@ -55,7 +55,7 @@
}
}
</script>
<style scoped>
<style scoped lang="scss">
.btn {
width: 697rpx;
height: 80rpx;
@ -74,4 +74,14 @@
left: 50%;
transform: translate(-348.5rpx, 0);
}
/deep/ .custom-calendar {
.calendar-tz{
padding: 0 10rpx;
}
.tips {
display: none;
}
}
</style>

9
subPackages/ticketBooking/detail.vue

@ -1005,5 +1005,14 @@
color: white !important;
}
}
/deep/ .uni-calendar-item--checked{
background: #12293C !important;
border-radius: 50%;
.uni-calendar-item--extra{
color: white !important;
}
}
</style>

21
subPackages/ticketBooking/order.vue

@ -1788,4 +1788,25 @@
}
}
/deep/ .uni-calendar-item--extra{
color: #333 !important;
}
/deep/ .uni-calendar-item--isDay{
background: #12293C !important;
border-radius: 50%;
.uni-calendar-item--extra{
color: white !important;
}
}
/deep/ .uni-calendar-item--checked{
background: #12293C !important;
border-radius: 50%;
.uni-calendar-item--extra{
color: white !important;
}
}
</style>

Loading…
Cancel
Save