You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
147 lines
8.8 KiB
147 lines
8.8 KiB
<!--pages/map/index.wxml-->
|
|
<!-- <search bind:onload="search"></search> -->
|
|
<title title="图游"></title>
|
|
<map class="map" id="map" style="height:100%" wx:if="{{areas.length>0}}" longitude="{{areas[areaIndex]?areas[areaIndex].lon:longitude}}" latitude="{{areas[areaIndex]?areas[areaIndex].lat:latitude}}" show-location markers="{{list}}" bindmarkertap="onTapMarker" bindregionchange="changeRegion">
|
|
</map>
|
|
<view style="height:{{topHeight}}px"></view>
|
|
<picker mode="selector" value="{{areaIndex}}" range="{{areas}}" range-key="area_title" bindchange="changeArea">
|
|
<view class="picker">
|
|
<view class="areatext">{{areas[areaIndex].area_title}}</view>
|
|
<image src="https://static.ticket.sz-trip.com/xcxImages/activity/arrow.png" mode="widthFix"></image>
|
|
</view>
|
|
</picker>
|
|
<view class="right-menus" style="top:{{seachHeight}}px">
|
|
<view class="right-menu-item{{type==1?' active':''}}" bindtap="changeType" data-title="景点" data-type="1">
|
|
<text style="color:#0A9947" class="iconfont icon-location"></text>
|
|
<text>景点</text>
|
|
</view>
|
|
<view class="right-menu-item{{type==2?' active':''}}" bindtap="changeType" data-title="场馆" data-type="2">
|
|
<text style="color:#3D77D8" class="iconfont icon-location"></text>
|
|
<text>场馆</text>
|
|
</view>
|
|
<view wx:if="{{isTest==false}}" class="right-menu-item{{type==3?' active':''}}" data-title="特产" bindtap="changeType" data-type="3">
|
|
<text style="color:#C02C2C" class="iconfont icon-location"></text>
|
|
<text>特产</text>
|
|
</view>
|
|
<view wx:if="{{isTest==false}}" class="right-menu-item{{type==4?' active':''}}" data-title="美食" bindtap="changeType" data-type="4">
|
|
<text style="color:#EE641B" class="iconfont icon-location"></text>
|
|
<text>美食</text>
|
|
</view>
|
|
<view class="right-menu-item{{type==5?' active':''}}" bindtap="changeType" data-title="文物" data-type="5">
|
|
<text style="color:#00B3C8" class="iconfont icon-location"></text>
|
|
<text>文保单位</text>
|
|
</view>
|
|
<view class="right-menu-item{{type==7?' active':''}}" bindtap="changeType" data-title="影院" data-type="7">
|
|
<text style="color:#9342CB" class="iconfont icon-location"></text>
|
|
<text>影院</text>
|
|
</view>
|
|
<view class="right-menu-item{{type==6?' active':''}}" bindtap="changeType" data-title="运河十景" data-type="6">
|
|
<text style="color:#EB3C70" class="iconfont icon-location"></text>
|
|
<text>运河十景</text>
|
|
</view>
|
|
<view class="right-menu-item{{type==8?' active':''}}" bindtap="changeType" data-title="江南小书场" data-type="8">
|
|
<text style="color:#9d6b00" class="iconfont icon-location"></text>
|
|
<text>江南小书场</text>
|
|
</view>
|
|
<view class="right-menu-item{{type==9?' active':''}}" bindtap="changeType" data-title="江南小书场" data-type="9">
|
|
<text style="color:#F60C1C" class="iconfont icon-location"></text>
|
|
<text>红色地图</text>
|
|
</view>
|
|
<!-- <view class="right-menu-item{{type==9?' active':''}}" bindtap="changeType" data-title="文化单位" data-type="9">
|
|
<text style="color:rgb(160, 248, 248)" class="iconfont icon-location"></text>
|
|
<text>文化单位</text>
|
|
</view> -->
|
|
</view>
|
|
<view class="map-item" wx:if="{{showInfo && info && info.info.type!='tenscenic'}}">
|
|
<view class="iconfont icon-ic_searchclosed" bindtap="hideInfo"></view>
|
|
<image wx:if="{{info.info.headimg}}" src="{{info.info.headimg}}" mode="aspectFill"></image>
|
|
<view class="info" style="{{info.info.headimg?'':'width:100%'}}">
|
|
<view class="title textOver">{{info.info.title}}</view>
|
|
<view class="subtitle textOver2">地址：{{info.info.address}}</view>
|
|
<view wx:if="{{info.info.type!='academes'}}" bindtap="gotoDetail" class="info-btn">查看详情</view>
|
|
</view>
|
|
</view>
|
|
<!-- 运河十景样式特殊 -->
|
|
<view class="map-item1" style="{{showAllMask?'':'height:30%'}}" wx:if="{{showInfo && info && info.info.type=='tenscenic'}}">
|
|
<view class="iconfont icon-ic_searchclosed" bindtap="hideInfo"></view>
|
|
<view class="title textOver">{{info.info.title}}</view>
|
|
<view class="subtitle textOver2">地址：{{info.info.address}}</view>
|
|
<view class="subtitle textOver"><text style="margin-right:5rpx" class="textOver" wx:for="{{info.info.display_tags}}">{{item}}</text></view>
|
|
<view class="subtitle textOver">开放时间：{{info.info.open_time}}</view>
|
|
<view class="map-item-tip">景区图片</view>
|
|
<view class="sign-pic-list">
|
|
<image bindtap="showImages" data-index="{{index}}" src="{{item}}" wx:for="{{info.info.listimg}}" mode="aspectFill"></image>
|
|
</view>
|
|
<view class="map-item-menus" wx:if="{{menus.length>0}}">
|
|
<view bindtap="changeMenu" wx:if="{{item}}" data-index="{{index}}" wx:for="{{menus}}" class="map-item-menu {{menuIndex==index?'active':''}}">{{item}}</view>
|
|
</view>
|
|
<view class="list{{menus[menuIndex]=='视频'?' videolist':''}}">
|
|
<view wx:for="{{productList}}" bindtap="gotoDetailNew" data-item="{{item}}">
|
|
<view class="video-item" wx:if="{{menus[menuIndex]=='视频'}}">
|
|
<image class="main-img" src="{{item.head_img}}" mode="aspectFill"></image>
|
|
<view class="video-title textOver2">{{item.title}}</view>
|
|
<view class="video-bottom">
|
|
<view class="iconfont icon-eye"></view>
|
|
<view style="margin-right:40rpx">{{item.views}}</view>
|
|
<view class="iconfont icon-zan"></view>
|
|
<view>{{item.like_number}}</view>
|
|
</view>
|
|
<view class="video-play-mask">
|
|
<image src="https://sz-qd.oss-cn-hangzhou.aliyuncs.com/xcxImages/map/videoplay.png" mode="aspectFill"></image>
|
|
</view>
|
|
</view>
|
|
<view wx:elif="{{menus[menuIndex]=='讲解'}}" class="audio-item">
|
|
<image src="{{item.head_img}}" class="mainimg" mode="aspectFill"></image>
|
|
<view class="audio-info">
|
|
<view class="audio-title textOver">{{item.title}}</view>
|
|
<view class="audio-bottom">
|
|
<view class="audio-time">{{timeList['audio'+item.id] && timeList['audio'+item.id].time?timeList['audio'+item.id].time:"00:00"}} / {{timeList['audio'+item.id]?timeList['audio'+item.id].all_time:"00:00"}}</view>
|
|
<view class="audio-new-bg">
|
|
<view style="left:{{timeList['audio'+item.id]?timeList['audio'+item.id].width:0}}%" class="audio-line"></view>
|
|
<image style="left:{{timeList['audio'+item.id]?timeList['audio'+item.id].width:0}}%" src="https://sz-qd.oss-cn-hangzhou.aliyuncs.com/xcxImages/map/audiobtn.png" mode="aspectFill"></image>
|
|
</view>
|
|
<!-- <audio src="{{item.multimedia_url}}" id="audio{{item.id}}" loop></audio> -->
|
|
</view>
|
|
</view>
|
|
<image bindtap="startAuido" data-id="{{item.id}}" data-index="{{index}}" wx:if="{{!item.play}}" src="https://sz-qd.oss-cn-hangzhou.aliyuncs.com/xcxImages/map/audioplay.png" mode="aspectFill" class="playimg"></image>
|
|
<image bindtap="startAuido" data-id="{{item.id}}" data-index="{{index}}" wx:else src="https://sz-qd.oss-cn-hangzhou.aliyuncs.com/xcxImages/map/audiostop.png" mode="aspectFill" class="playimg"></image>
|
|
</view>
|
|
<view wx:elif="{{menus[menuIndex]!='攻略'}}" class="item">
|
|
<image src="{{item.headimg}}" mode="aspectFill"></image>
|
|
<view class="right-info" style="display:flex;flex-direction:column;justify-content:space-between">
|
|
<view>
|
|
<view class="title textOver2">{{item.title}}</view>
|
|
<view class="product-tags textOver">
|
|
<view class="product-tag textOver" wx:for="{{item.display_tags}}">{{item}}</view>
|
|
</view>
|
|
<view class="product-address textOver">{{item.address}}</view>
|
|
</view>
|
|
<view class="product-bottom">
|
|
<text class="textOver">{{item.distance?('距您直线距离'+item.distance):'请开启定位'}}</text>
|
|
<view class="product-price">￥<text>{{item.price/100}}</text></view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<navigator url="/pages/info/strategyInfo/index?id={{item.id}}" wx:else class="right-info strategy-item">
|
|
<view class="title textOver2">{{item.title}}</view>
|
|
<view class="product-address textOver">{{item.subtitle}}</view>
|
|
<view class="product-bottom">
|
|
<image src="{{item.avatar}}" mode="aspectFill"></image>
|
|
<view class="username">
|
|
{{item.nickname}}
|
|
</view>
|
|
<view class="iconfont icon-xin"></view>
|
|
<view>{{item.like_number}}</view>
|
|
<view class="iconfont icon-eye"></view>
|
|
<view>{{item.view_number}}</view>
|
|
</view>
|
|
</navigator>
|
|
</view>
|
|
<view bindtap="getProductList" wx:if="{{productList.length<productTotal && menuIndex!=-1}}" style="text-align:center;line-height:50rpx;font-size:26rpx;color:#666">
|
|
查看更多
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="mask" wx:if="{{showAllMask}}" bindtap="closeMask" catchtouchmove="preventTouchMove">
|
|
<image src="https://sz-qd.oss-cn-hangzhou.aliyuncs.com/xcxImages/map/arrow.png" mode="widthFix" class="returnImg"></image>
|
|
</view>
|