|
|
|
@ -1,70 +1,62 @@ |
|
|
|
|
<template> |
|
|
|
|
<!-- <view> |
|
|
|
|
<mescroll-uni :up="upOption" @down="downCallback" @up="upCallback"> --> |
|
|
|
|
<view> |
|
|
|
|
<view> |
|
|
|
|
<view class="an_box_mes pb_15"> |
|
|
|
|
<view class="wc_sbox"> |
|
|
|
|
<view class="dy_fx an_sch"> |
|
|
|
|
<view class="fx_1"> |
|
|
|
|
<input @input="write" type="text" class="an_sch_ipt" @confirm="confirm" |
|
|
|
|
confirm-type="search" color="#A0A7B2" placeholder-style="color:#999" |
|
|
|
|
placeholder="请输入酒店名称搜索" /> |
|
|
|
|
</view> |
|
|
|
|
<view class="an_sch_img" @click="search()"> |
|
|
|
|
<image src="/subPageB/static/img/icon-search.png" class="ac_size_1"></image> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="v-pages v-pages-bg"> |
|
|
|
|
<view class="v-pages-search"> |
|
|
|
|
<view class="search_box row flex-align-center"> |
|
|
|
|
<view class="col"> |
|
|
|
|
<input @input="write" type="text" class="input" @confirm="confirm" confirm-type="search" |
|
|
|
|
color="#A0A7B2" placeholder-style="color:#999" placeholder="请输入酒店名称搜索" /> |
|
|
|
|
</view> |
|
|
|
|
<view class="btn_img" @click="search()"> |
|
|
|
|
<image src="/subPageB/static/img/icon-search.png" class="img"></image> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
<view class="search-container amt_30"> |
|
|
|
|
<view class="search-tip-bar"> |
|
|
|
|
<view @tap="changeRegionPanel" |
|
|
|
|
:class="[searchItemClass, selectedParam.hiddenRegionPanel ? 'active' : '']" |
|
|
|
|
data-type="hiddenRegionPanel"> |
|
|
|
|
{{ regionname }} |
|
|
|
|
</view> |
|
|
|
|
<view @tap="changePanel" |
|
|
|
|
:class="[searchItemClass, selectedParam.hiddenSortPanel ? 'active' : '']" |
|
|
|
|
data-type="hiddenSortPanel">智能排序</view> |
|
|
|
|
<view @tap="changePanel" |
|
|
|
|
:class="[searchItemClass, selectedParam.hiddenAttributePanel ? 'active' : '']" |
|
|
|
|
data-type="hiddenAttributePanel"> |
|
|
|
|
分类筛选 |
|
|
|
|
</view> |
|
|
|
|
<view class="search-container amt_30"> |
|
|
|
|
<view class="search-tip-bar"> |
|
|
|
|
<view @tap="changeRegionPanel" |
|
|
|
|
:class="[searchItemClass, selectedParam.hiddenRegionPanel ? 'active' : '']" |
|
|
|
|
data-type="hiddenRegionPanel"> |
|
|
|
|
{{ regionname }} |
|
|
|
|
</view> |
|
|
|
|
<view @tap="changePanel" :class="[searchItemClass, selectedParam.hiddenSortPanel ? 'active' : '']" |
|
|
|
|
data-type="hiddenSortPanel">智能排序</view> |
|
|
|
|
<view @tap="changePanel" |
|
|
|
|
:class="[searchItemClass, selectedParam.hiddenAttributePanel ? 'active' : '']" |
|
|
|
|
data-type="hiddenAttributePanel"> |
|
|
|
|
分类筛选 |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
<!-- 列表 --> |
|
|
|
|
<mescroll-uni :up="upOption" @down="downCallback" @up="upCallback" :fixed="false"> |
|
|
|
|
<view class="v-pages-list"> |
|
|
|
|
<view class="list_item row" v-for="(itemName, index) in listDatas" :key="index"> |
|
|
|
|
<view class="item_image"> |
|
|
|
|
<view class="item_recommend" v-if="itemName.isrecommend == 'YES'"> |
|
|
|
|
<image |
|
|
|
|
src="https://eluyou.ailuquan.cn/upload/image/2024/mapIcon/daolan/hotel_top_01.png" |
|
|
|
|
mode="widthFix"> |
|
|
|
|
</image> |
|
|
|
|
</view> |
|
|
|
|
<image class="img" :src="itemName.hlogo" mode="aspectFill"></image> |
|
|
|
|
</view> |
|
|
|
|
<!-- 列表 --> |
|
|
|
|
<mescroll-uni :up="upOption" @down="downCallback" @up="upCallback" :fixed="false"> |
|
|
|
|
<view class="v-pages-list"> |
|
|
|
|
<view class="list_item row" v-for="(itemName, index) in listDatas" :key="index"> |
|
|
|
|
<view class="item_image"> |
|
|
|
|
<view class="item_recommend" v-if="itemName.isrecommend == 'YES'"> |
|
|
|
|
<image src="https://eluyou.ailuquan.cn/upload/image/2024/mapIcon/daolan/hotel_top_01.png" |
|
|
|
|
mode="widthFix"> |
|
|
|
|
</image> |
|
|
|
|
</view> |
|
|
|
|
<image class="img" :src="itemName.hlogo" mode="aspectFill"></image> |
|
|
|
|
</view> |
|
|
|
|
<view class="item_content fx_1 aml_30"> |
|
|
|
|
<view class="name">{{ itemName.hname }}</view> |
|
|
|
|
<view class="hotel-level">{{ itemName.hlevel }} </view> |
|
|
|
|
<view class="v-card-tip"><text class="item">免费停车</text><text class="item">机器人服务</text> |
|
|
|
|
</view> |
|
|
|
|
<view class="item_content fx_1 aml_30"> |
|
|
|
|
<view class="name">{{ itemName.hname }}</view> |
|
|
|
|
<view class="hotel-level">{{ itemName.hlevel }} </view> |
|
|
|
|
<view class="v-card-tip"><text class="item">免费停车</text><text class="item">机器人服务</text> |
|
|
|
|
</view> |
|
|
|
|
<view class="address m-t-12"> 距您约{{ itemName.distance }}</view> |
|
|
|
|
<view class="bottom item_price" v-if="itemName.price"> |
|
|
|
|
<block> |
|
|
|
|
<text class="num_pr">¥</text><text class="num_jd">{{ itemName.price }}</text> |
|
|
|
|
<text class="num_qi">起</text> |
|
|
|
|
</block> |
|
|
|
|
</view> |
|
|
|
|
<view class="address m-t-12"> 距您约{{ itemName.distance }}</view> |
|
|
|
|
<view class="bottom item_price" v-if="itemName.price"> |
|
|
|
|
<block> |
|
|
|
|
<text class="num_pr">¥</text><text class="num_jd">{{ itemName.price }}</text> |
|
|
|
|
<text class="num_qi">起</text> |
|
|
|
|
</block> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
</mescroll-uni> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
</mescroll-uni> |
|
|
|
|
|
|
|
|
|
<view class="sort-page" :hidden="selectedParam.hiddenSortPanel"> |
|
|
|
|
<view class="sort-group"> |
|
|
|
|
<view @tap="selected" |
|
|
|
@ -120,8 +112,6 @@ |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
<!-- </mescroll-uni> |
|
|
|
|
</view> --> |
|
|
|
|
</template> |
|
|
|
|
|
|
|
|
|
<script> |
|
|
|
|