weilaiGo/pages/index/index.wxml

 <!-- 引用隐私授权 -->
 <privacy-popup bind:agree="agree" bind:disagree="disagree" id="Agree" ></privacy-popup>
<view class="background1" wx:if="{{mid!=''&& midbolear==''}}" catchtouchmove="true"></view>
<view class="bottom1" bindtap="{{footer.child!=undefined ? 'chooseSezi' :'' }}" style="background-image:url({{footer.surface}})" wx:if="{{footer!=undefined}}"></view>
<view class="arrow_down" wx:if="{{chooseSize}}" animation='{{animationData1}}' bindtap='hideModal' style="bottom:{{arrowDown*2}}rpx">
	<image src="/img/arrow_down.png"></image>
</view>
<view class='maskLayer' wx:if="{{chooseSize}}" bindtap='hideModal'></view>
<view class='choose' wx:if="{{chooseSize && footer.child!=undefined}}" animation='{{animationData1}}'>
	<block wx:for="{{footer.child}}" wx:key="index">
		<image src="{{item.surface}}" style="width:{{item.extra==50? '340rpx' : '690rpx'}};height:176rpx;margin:{{item.extra==50 ? '' : '7rpx auto'}};" bindtap="swiper" data-index="{{index}}" data-type="{{item.type}}" data-name="{{item.name}}" data-detail="{{item.detail}}" data-id="{{item.id}}" class="{{item.extra==50 ? item.class:''}}" wx:if="{{item.type!='wxTencentAdvertisement'}}"></image>
		<view wx:if="{{item.type=='wxTencentAdvertisement'}}" style="width:690rpx;margin:7rpx auto;">
			<ad unit-id="adunit-7186e97a5c9d0fa8" style="width:100%;" class="bottomAd"></ad>
		</view>
	</block>
</view>
<view class="image1" wx:if="{{mid!=''&& midbolear==''}}" catchtouchmove="true">
	<swiper class="center_swiper" interval="5000" current="{{center_currentSwiper}}" bindchange="center_swiperChange">
		<swiper-item wx:for="{{mid}}" bindtap="swiper" data-index="{{index}}" data-type="{{item.type}}" data-name="{{item.name}}" data-detail="{{item.detail}}" data-id="{{item.id}}" wx:key="key">
			<image src="{{item.surface}}"></image>
		</swiper-item>
	</swiper>
	<image src="http://resource.weilaigo.l4j.cn/over.png" class="over" style="width:60rpx;height:60rpx;" bindtap="guanbi" class="guanbi"></image>
	<view class="dots">
		<block wx:for="{{mid}}" wx:key="key">
			<view class="dot{{index == center_currentSwiper ? ' active' : ''}}"></view>
		</block>
	</view>
</view>
<view class="inaver _30f2b4d" style="background:white;color:black;">
	<view class="left _30f2b4d" catchtap="mine">
		<image class="icon _30f2b4d" src="http://resource.weilaigo.l4j.cn/mine.png"></image>
	</view>
	<view class="tabbar_top">
		<view bindtap="tabbar_top" data-index="0">
			<text>电单车</text>
			<text wx:if="{{tabbar_index==0}}"></text>
		</view>
		<view bindtap="tabbar_top" data-index="1">
			<text>还车点</text>
			<text wx:if="{{tabbar_index==1}}"></text>
		</view>
	</view>
</view>
<!-- 广告位轮播 -->
<!-- <view class="Swiper" wx:if="{{!show && !stopShow && ads!=''}}" style="top:{{screenHeight=='xSeries' ? '190rpx' : '108rpx'}}"> -->
<view class="Swiper" wx:if="{{!show && !stopShow && ads!=''}}" style="top:108rpx;">
	<swiper class="swiper" autoplay="true" interval="5000" current="{{currentSwiper}}" bindchange="swiperChange">
		<swiper-item wx:for="{{ads}}" wx:key="key">
			<image src="{{item.surface}}" style="width:100%;height:100%;" bindtap="swiper" data-index="{{index}}" data-type="{{item.type}}" data-name="{{item.name}}" data-detail="{{item.detail}}" data-id="{{item.id}}" wx:if="{{item.type!='wxTencentAdvertisement'}}"></image>
			<ad unit-id="{{item.detail}}" wx:if="{{item.type=='wxTencentAdvertisement'}}"></ad>
		</swiper-item>
	</swiper>
	<view class="dots">
		<block wx:for="{{ads}}" wx:key="key">
			<view class="dot{{index == swiperCurrent ? ' active' : ''}}"></view>
		</block>
	</view>
</view>
<view class="inform" wx:if="{{!stopShow && notice!=''}}" style="top:{{ads!='' ? screenHeight=='xSeries' ? '286rpx' : '286rpx' : screenHeight=='xSeries' ? '129rpx' : '90rpx'}}" bindtap="tap_notice" data-id="{{notice.id}}">
	<view class="inform-img">
		<image src="http://resource.weilaigo.l4j.cn/notice.png" class="inform-image" style="width:48rpx;height:48rpx;padding-left:20rpx;"></image>
	</view>
	<view class='marquee' style='width:{{marqueeWidth}}rpx;'>
		<view class='marqueeTitle' style="width:{{length}}rpx;transform:translateX( {{marqueeDistance}}rpx);font-size: {{size}}rpx;">{{notice.description}}</view>
	</view>
	<image src="http://resource.weilaigo.l4j.cn/you.png" style="width:48rpx;height:48rpx;"></image>
</view>
<view class="index">
	<!-- 地图 -->
	<map id="map" longitude='{{longitude}}' latitude='{{latitude}}' scale='{{zoom}}' markers="{{markers}}" bindmarkertap="{{stopP ? 'stop_marker' : 'marker'}}" show-location="true" data-markers="{{markers}}" bindtap="map" controls="{{controls}}" polygons="{{polygons}}"></map>
	<!-- 导航到停车点 -->
	<!-- <view class="stopModel" style="top:{{screenHeight=='xSeries' ? '178rpx' : '108rpx'}}" wx:if="{{stopShow}}"> -->
	<view class="stopModel" style="top:108rpx;" wx:if="{{stopShow && stop_type==2}}">
		<view>
			<text>{{stop_info.name}}</text>
		</view>
		<view bindtap="navgiate">
			<image src="http://resource.weilaigo.l4j.cn/gohear.png" style="width:80rpx;height:80rpx"></image>
		</view>
	</view>
	<view class="stopModel" style="top:108rpx;" wx:if="{{stop_type==1 && stopShow}}">
		<view>
			<text style="color:red;">{{stop_info.name}}</text>
		</view>
		<view class="ban-stop">
			<image src="http://resource.weilaigo.l4j.cn/ban-stop.png" style="width:48rpx;height:55rpx"></image>
			<text>禁停区</text>
		</view>
	</view>
	<!-- 响铃寻车 -->
	<!-- <view class="upCon flexB" wx:if="{{show}}" style="top:{{screenHeight=='xSeries' ? '138rpx' : '108rpx'}}"> -->
	<view class="upCon flexB" wx:if="{{show}}" style="top:108rpx;">
		<view class="left">
			<view class="number">车牌号:
				<text style="font-weight:600;">{{bike.bike_no}}</text>
			</view>
			<view class="flexB">
				<view class="flexB">
					<image src="http://resource.weilaigo.l4j.cn/cell.png" class="cell"></image>
					<view class="residue">剩余电量{{bike.battery_power}}%</view>
				</view>
				<view class="cost" wx:if="{{!setting.start}}">{{per_money}}元{{setting.per_minute}}分钟</view>
				<view class="cost" wx:if="{{setting.start}}">{{per_money}}元{{setting.starting_price_time}}分钟</view>
			</view>
		</view>
		<view class="right flexB">
			<view class="left1" bindtap="lookCar" data-id="{{bike.bike_no}}" data-box_no="{{bike.box_no}}" style="height:66rpx;">
				<image src="http://resource.weilaigo.l4j.cn/bell.png" class="bell"></image>
			</view>
			<view class="right1" bindtap="use" data-id="{{bike.bike_no}}" style="height:66rpx;">
				<view class=" useBike" style="font-size:26rpx;">立即用车</view>
			</view>
		</view>
	</view>
	<!-- 地图下部分 -->
	<!-- 四个图标 -->
	<view class="circle5 circle" bindtap="search" style="top:{{screenHeight=='xSeries' ? '470rpx' : '400rpx'}}">
		<image src="/img/chazhaoP.png" class="iconImg" style="width:156rpx;height:56rpx;"></image>
	</view>
	<view class="circle1 circle" bindtap="help">
		<image src="/img/icon1.png" class="iconImg"></image>
	</view>
	<view class="circle2 circle" bindtap="stop1">
		<image src="{{stopP ? 'http://resource.weilaigo.l4j.cn/stoptrue.png' : 'http://resource.weilaigo.l4j.cn/icon2.png'}}" class="iconImg"></image>
	</view>
	<view class="circle3 circle" bindtap="posi">
		<image src="http://resource.weilaigo.l4j.cn/icon3.png" class="iconImg"></image>
	</view>
	<view class="circle4 circle" bindtap="refresh">
		<image src="http://resource.weilaigo.l4j.cn/icon4.png" class="iconImg"></image>
	</view>
	<!-- 如何用车 -->
	<view class="intro" bindtap="usage">
		<view class="introCon">
			<view>计</view>
			<view>价</view>
			<view>规</view>
			<view>则</view>
		</view>
		<image src="http://resource.weilaigo.l4j.cn/introBg.png" class="introBg"></image>
	</view>
	<!-- 扫码开锁 -->
	<view class="unlocking flexC" bindtap="sweep_code">
		<image src="http://resource.weilaigo.l4j.cn/btn.png" class="sweep"></image>
	</view>
</view>
<view class="backposi" wx:if="{{background}}"></view>
<view class="authName" wx:if="{{realname}}" style="top:{{screenHeight=='xSeries' ? '34%' : '32%'}} ">
	<view class="realname ">
		<image src="http://resource.weilaigo.l4j.cn/xiaobanma/auth2.png" class="auth"></image>
		<view class="text1">实名认证</view>
		<view class="text2">实名信息认证，骑行更放心！</view>
		<view bindtap="authentication" class="view">
			<view>去认证</view>
		</view>
	</view>
	<image src="http://resource.weilaigo.l4j.cn/over.png" style="width:60rpx;height:60rpx;" class="over" bindtap="over" wx:if="{{over}}"></image>
</view>

<!-- <image src="http://resource.weilaigo.l4j.cn/over.png" class="over"style="width:60rpx;height:60rpx;"  bindtap="over" wx:if="{{over}}"></image> -->
<!-- <image src="http://resource.weilaigo.l4j.cn/xiaobanma/Nodeposit.png" style="width:334rpx;height:291rpx;top:{{screenHeight=='xSeries'?'24.5%' : '16.5%'}}" wx:if="{{deposit}}" class="depositimg"></image> -->
<view class="deposit" wx:if="{{deposit}}" style="top:{{screenHeight=='xSeries' ? '35%' : '28%'}};">
	<image src="http://resource.weilaigo.l4j.cn/xiaobanma/Nodeposit.png" class="depositBg"></image>
	<view class="text1">缴纳押金</view>
	<view class="text2">缴纳用车押金后方可扫码用车</view>
	<view bindtap="deposit" class="view flexC">
		<view>现在就去</view>
	</view>
	<view class="text4" bindtap="think">再想想看</view>
</view>
<view class="scanCon" wx:if="{{scanfail}}" style="top:{{screenHeight=='xSeries' ? '29.7%' : '22.7%'}}">
	<view class="scanfail flexC">
		<image src="http://resource.weilaigo.l4j.cn/xiaobanma/scanBg.png" class="tu1"></image>
		<view class="text1">扫码失败</view>
		<view class="text2">扫不出吗 换个方式试试</view>
		<view class="text3" bindtap="gocode">使用车牌号开锁</view>
		<view class="view">
			<view class="view1" style="border-right:1rpx solid #f4f4f4;color:#999999;" bindtap="sweepcode">
				<view>重新扫码</view>
			</view>
			<view class="view1" style="color:#18D4B8;" bindtap="gocode">
				<view>去试试看</view>
			</view>
		</view>
	</view>
	<image src="http://resource.weilaigo.l4j.cn/over.png" style="width:60rpx;height:60rpx;" class="over1" bindtap="over" wx:if="{{over1}}"></image>
</view>
<view class="popCover" wx:if="{{versions}}"></view>
<view class="verPop" wx:if="{{versions}}">
	<view class="title">提示</view>
	<view class="verHint">您当前微信版本过低，请更新微信！</view>
	<navigator open-type="exit" target="miniProgram" hover-class="none">
		<view class="sure">确定</view>
	</navigator>
</view>
<view class="topay" wx:if="{{is_pay_order!=false}}">
	<view class="text1">有订单尚未支付,请先完成</view>
	<view class="text2" style="margin-bottom:44rpx;">未支付的订单。</view>
	<view class="view">
		<view class="view1" style="border-right:1rpx solid #f4f4f4;color:#999999;" bindtap="cancel">
			<view>下次吧</view>
		</view>
		<view class="view1" style="color:#18D4B8;" bindtap="go_pay">
			<view>去支付</view>
		</view>
	</view>
</view>
<view class="location topay" wx:if="{{location}}">
	<view class="text1">请确认是否已开启</view>
	<view class="text2" style="margin-bottom:44rpx;">位置权限</view>
	<view class="view">
		<view class="view1" style="border-right:1rpx solid #f4f4f4;color:#999999;" bindtap="go_setting">
			<view>去设置</view>
		</view>
		<view class="view1" style="color:#18D4B8;" bindtap="open">
			<view>已开启</view>
		</view>
	</view>
</view>
<view class="abnormal topay" wx:if="{{abnormal}}">
	<view class="text1">提示</view>
	<view class="text2">账号异常,暂不能使用！</view>
	<view class="view1" style="color:#18D4B8;" bindtap="kefu">
		<view>联系客服</view>
	</view>
</view>