Skip to content

J
jz_Travel
Commit 430dc873 authored by youjie's avatar youjie
Browse files
Options

日期人数筛选

parent e6ceedb3
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 784 additions and 38 deletions
App.vue
View file @ 430dc873
...@@ -220,4 +220,17 @@ ...@@ -220,4 +220,17 @@
image { image {
will-change: transform will-change: transform
} }
.ResultBox .uni-select{
height: 38rpx;
border: 0;
}
.ResultBox .uni-select__input-box {
height: 38rpx;
}
.ResultBox .uni-select__selector,.ResultBox .uni-select__selector-scroll{
width: 120rpx;
}
.ResultBox .uni-select,.ResultBox .uni-select__input-placeholder{
font-size: 28rpx;
}
</style> </style>
\ No newline at end of file
pages/hotel/components/search.vue
View file @ 430dc873
...@@ -168,7 +168,7 @@ ...@@ -168,7 +168,7 @@
:PopularCities="PopularCities"></destination> :PopularCities="PopularCities"></destination>
</u-popup> </u-popup>
<u-popup v-model="showTimePopup" mode="bottom" border-radius="20" length="75%" :safe-area-inset-bottom="true"> <u-popup v-model="showTimePopup" mode="bottom" border-radius="20" length="89%" :safe-area-inset-bottom="true">
<CheckDate :msg="parameters" @chosenDateResult="chosenDateResult"></CheckDate> <CheckDate :msg="parameters" @chosenDateResult="chosenDateResult"></CheckDate>
</u-popup> </u-popup>
...@@ -225,7 +225,7 @@ ...@@ -225,7 +225,7 @@
roomNum: 1, roomNum: 1,
numberOfAdults: 2, numberOfAdults: 2,
numberOfChildren: 0, numberOfChildren: 0,
ChildAgeDetails: '' ChildAgeDetails: null
}], }],
}, },
day: 0, day: 0,
......
pages/hotel/components/time/date.vue
View file @ 430dc873
<template> <template>
<view style=" <view class="ResultBox" style="
width: 100%; width: 100%;
height: 100%; height: 100%;
display: flex; display: flex;
flex-direction: column;"> flex-direction: column;">
<view style="flex: 1; width: 100%; height: 1rpx"> <view style="width: 100%; height: 740rpx">
<canlendar @finish="chosenDateResult" title="日期和人数"></canlendar> <canlendar @finish="chosenDateResult" title="日期和人数"></canlendar>
</view> </view>
<view class="column" style="background: #ecf1f4; padding: 20rpx 0 50rpx 0;"> <view class="column" style="background: #ecf1f4; padding: 20rpx 0 50rpx 0;height: 1rpx;flex: 1;">
<view class="row line-flex" style="padding: 30rpx; background: #fff"> <view class="row line-flexBoxRoom">
<text style="font-size: 28rpx; color: #111; font-weight: 500">房间</text> <text style="color: #111; font-weight: 500">房间</text>
<text style=" <text style="
font-size: 22rpx; font-size: 22rpx;
color: #999; color: #999;
...@@ -19,11 +19,11 @@ ...@@ -19,11 +19,11 @@
<u-number-box size="28" :min="1" :max="100000" v-model="parameters.rooms" <u-number-box size="28" :min="1" :max="100000" v-model="parameters.rooms"
@change="getRooms"></u-number-box> @change="getRooms"></u-number-box>
</view> </view>
<scroll-view :scroll-y="true" class="hotelScroll" style="max-height: 200rpx;"> <scroll-view :scroll-y="true" class="hotelScroll" style="height: 1rpx;flex: 1;background: #fff;">
<view style="padding: 0 30rpx;background: #fff"> <view class="line-flexBox">
<view class="row items-center" v-for="(item,index) in parameters.searchroomGroup" <view class="column" v-for="(item,index) in parameters.searchroomGroup"
style="padding-bottom: 20rpx;"> style="padding-bottom: 20rpx;">
<view class="line-flex" style="height: 29px;margin-right: 10rpx;">房间{{ item.roomNum }}</view> <view class="line-flex line-flexTitle" style="height: 29px;margin-right: 10rpx;">房间{{ item.roomNum }}</view>
<view class="col"> <view class="col">
<view class="row line-flex" style="margin-left: 20rpx;"> <view class="row line-flex" style="margin-left: 20rpx;">
<view style="margin-right: 10rpx;"> <view style="margin-right: 10rpx;">
...@@ -41,30 +41,43 @@ ...@@ -41,30 +41,43 @@
v-model="item.numberOfAdults" v-model="item.numberOfAdults"
@change="(e)=>{crChange(e,index)}"></u-number-box> @change="(e)=>{crChange(e,index)}"></u-number-box>
</view> </view>
<view class="row line-flex" style="margin-left: 20rpx;"> <view class="row row-sbas-n line-flex" style="margin-left: 20rpx;">
<view style="margin-right: 10rpx;"> <view class="row">
<text style="font-size: 28rpx; color: #111; font-weight: 500">儿童 <view style="margin-right: 10rpx;">
<!--(占床)--> <text style="font-size: 28rpx; color: #111; font-weight: 500">儿童
</text> <!--(占床)-->
<!-- </text>
<text style=" <!--
font-size: 22rpx; <text style="
color: #999; font-size: 22rpx;
margin-left: 30rpx; color: #999;
flex: 1; margin-left: 30rpx;
">2-18周岁(不含)</text>--> flex: 1;
">2-18周岁(不含)</text>-->
</view>
<u-number-box size="28" :min="0" :max="5"
v-model="item.numberOfChildren"
@change="(e)=>{etChange(e,index)}"
style="margin-right: 10rpx;"
></u-number-box>
</view>
<view class="row">
<!-- <text style="font-size: 28rpx; color: #111; font-weight: 500;">年龄</text> -->
<!-- <u-number-box size="28" :min="1" :max="12"
v-model="item.ChildAgeDetails"
@change="(e)=>{ageChange(e,index)}"
style="margin-left: 10rpx;"
></u-number-box> -->
<uni-section title="" type="line">
<uni-data-select
placeholder="请选择年龄"
v-model="item.ChildAgeDetails"
:localdata="TypeList"
:clear="false"
></uni-data-select>
</uni-section>
<u-icon name="arrow" :size="32" color="#ccc" style="position: relative;top: -9rpx;"></u-icon>
</view> </view>
<u-number-box size="28" :min="0" :max="5"
v-model="item.numberOfChildren"
@change="(e)=>{etChange(e,index)}"
style="margin-right: 10rpx;"
></u-number-box>
<text style="font-size: 28rpx; color: #111; font-weight: 500;">年龄</text>
<u-number-box size="28" :min="1" :max="12"
v-model="item.ChildAgeDetails"
@change="(e)=>{ageChange(e,index)}"
style="margin-left: 10rpx;"
></u-number-box>
</view> </view>
</view> </view>
</view> </view>
...@@ -101,7 +114,8 @@ export default { ...@@ -101,7 +114,8 @@ export default {
childrenNumberZC:0, childrenNumberZC:0,
childrenNumberBZC:0, childrenNumberBZC:0,
peoples: 2, peoples: 2,
} },
TypeList: [],
} }
}, },
watch:{ watch:{
...@@ -114,6 +128,14 @@ export default { ...@@ -114,6 +128,14 @@ export default {
deep: true, deep: true,
}, },
}, },
created(){
for(let i=1;i<=14;i++){
this.TypeList.push({
text: i+'岁',
value: i
})
}
},
methods: { methods: {
getRooms(e){ getRooms(e){
if(e.value>this.parameters.rooms||e.value<this.parameters.rooms){ if(e.value>this.parameters.rooms||e.value<this.parameters.rooms){
...@@ -122,7 +144,7 @@ export default { ...@@ -122,7 +144,7 @@ export default {
roomNum: e.value, roomNum: e.value,
numberOfAdults: 1, numberOfAdults: 1,
numberOfChildren: 0, numberOfChildren: 0,
ChildAgeDetails: '' ChildAgeDetails: null
}) })
} }
if(e.value<this.parameters.rooms){ if(e.value<this.parameters.rooms){
...@@ -162,5 +184,21 @@ export default { ...@@ -162,5 +184,21 @@ export default {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@import url("@/asset/css/flex.css"); @import url("@/asset/css/flex.css");
.line-flexBoxRoom{
padding: 30rpx 30rpx 20rpx 30rpx;
background: #fff;
font-size: 32rpx;
}
.line-flexBox{
padding: 0 30rpx;
background: #fff;
}
.line-flex{
font-size: 28rpx;
}
.line-flex.line-flexTitle{
font-size: 32rpx;
color: #B99846;
}
</style> </style>
\ No newline at end of file
pages/hotel/components/time/index.vue
View file @ 430dc873
...@@ -840,8 +840,8 @@ export default { ...@@ -840,8 +840,8 @@ export default {
} }
.section > .item > .day > .day-list { .section > .item > .day > .day-list {
margin-top: 30upx; /* margin-top: 5upx;
margin-bottom: 30upx; margin-bottom: 5upx; */
min-height: 100upx; min-height: 100upx;
max-height: 180upx; max-height: 180upx;
display: flex; display: flex;
......
uni_modules/uni-data-select/changelog.md 0 → 100644
View file @ 430dc873
## 1.0.8（2024-03-28）
- 修复 在vue2下:style动态绑定导致编译失败的bug
## 1.0.7（2024-01-20）
- 修复 长文本回显超过容器的bug，超过容器部分显示省略号
## 1.0.6（2023-04-12）
- 修复 微信小程序点击时会改变背景颜色的 bug
## 1.0.5（2023-02-03）
- 修复 禁用时会显示清空按钮
## 1.0.4（2023-02-02）
- 优化 查询条件短期内多次变更只查询最后一次变更后的结果
- 调整 内部缓存键名调整为 uni-data-select-lastSelectedValue
## 1.0.3（2023-01-16）
- 修复 不关联服务空间报错的问题
## 1.0.2（2023-01-14）
- 新增 属性 `format` 可用于格式化显示选项内容
## 1.0.1（2022-12-06）
- 修复 当where变化时，数据不会自动更新的问题
## 0.1.9（2022-09-05）
- 修复 微信小程序下拉框出现后选择会点击到蒙板后面的输入框
## 0.1.8（2022-08-29）
- 修复 点击的位置不准确
## 0.1.7（2022-08-12）
- 新增 支持 disabled 属性
## 0.1.6（2022-07-06）
- 修复 pc端宽度异常的bug
## 0.1.5
- 修复 pc端宽度异常的bug
## 0.1.4（2022-07-05）
- 优化 显示样式
## 0.1.3（2022-06-02）
- 修复 localdata 赋值不生效的 bug
- 新增 支持 uni.scss 修改颜色
- 新增 支持选项禁用（数据选项设置 disabled: true 即禁用）
## 0.1.2（2022-05-08）
- 修复 当 value 为 0 时选择不生效的 bug
## 0.1.1（2022-05-07）
- 新增 记住上次的选项（仅 collection 存在时有效）
## 0.1.0（2022-04-22）
- 初始化
uni_modules/uni-data-select/package.json 0 → 100644
View file @ 430dc873
{
"id": "uni-data-select",
"displayName": "uni-data-select 下拉框选择器",
"version": "1.0.8",
"description": "通过数据驱动的下拉框选择器",
"keywords": [
"uni-ui",
"select",
"uni-data-select",
"下拉框",
"下拉选"
],
"repository": "https://github.com/dcloudio/uni-ui",
"engines": {
"HBuilderX": "^3.1.1"
},
"directories": {
"example": "../../temps/example_temps"
},
"dcloudext": {
"sale": {
"regular": {
"price": "0.00"
},
"sourcecode": {
"price": "0.00"
}
},
"contact": {
"qq": ""
},
"declaration": {
"ads": "无",
"data": "无",
"permissions": "无"
},
"npmurl": "https://www.npmjs.com/package/@dcloudio/uni-ui",
"type": "component-vue"
},
"uni_modules": {
"dependencies": ["uni-load-more"],
"encrypt": [],
"platforms": {
"cloud": {
"tcb": "y",
"aliyun": "y",
"alipay": "n"
},
"client": {
"App": {
"app-vue": "u",
"app-nvue": "n"
},
"H5-mobile": {
"Safari": "y",
"Android Browser": "y",
"微信浏览器(Android)": "y",
"QQ浏览器(Android)": "y"
},
"H5-pc": {
"Chrome": "y",
"IE": "y",
"Edge": "y",
"Firefox": "y",
"Safari": "y"
},
"小程序": {
"微信": "y",
"阿里": "u",
"百度": "u",
"字节跳动": "u",
"QQ": "u",
"京东": "u"
},
"快应用": {
"华为": "u",
"联盟": "u"
},
"Vue": {
"vue2": "y",
"vue3": "y"
}
}
}
}
}
uni_modules/uni-data-select/readme.md 0 → 100644
View file @ 430dc873
## DataSelect 下拉框选择器
> **组件名：uni-data-select**
> 代码块： `uDataSelect`
当选项过多时，使用下拉菜单展示并选择内容
### [查看文档](https://uniapp.dcloud.io/component/uniui/uni-data-select)
#### 如使用过程中有任何问题，或者您对uni-ui有一些好的建议，欢迎加入 uni-ui 交流群：871950839
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment