xuezichuangke/pages/index/index.wxml

<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="{{img}}weapp/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="{{img}}weapp/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="{{img}}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="{{img}}weapp/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}}">
		<view class="qipao">
			<view class="kong" bindtap="search"></view>
			<image class="jiantou" src="/img/map1.png"></image>
		</view>
	</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="{{img}}weapp/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="{{img}}weapp/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="{{img}}weapp/cell.png" class="cell"></image>
					<view class="residue">{{bike.battery_power>20?'电量充足':'电量过低'}}</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="{{img}}weapp/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="{{img}}weapp/stoptrue.png" class="iconImg" wx:if="{{stopP}}"></image>
		<image src="{{img}}weapp/icon2.png" class="iconImg" wx:else></image>
	</view>
	<view class="circle3 circle" bindtap="posi">
		<image src="{{img}}weapp/icon3.png" class="iconImg"></image>
	</view>
	<view class="circle4 circle" bindtap="refresh">
		<image src="{{img}}weapp/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="{{img}}weapp/introBg.png" class="introBg"></image>
	</view>
	<!-- 扫码开锁 -->
	<view class="unlocking flexC" bindtap="sweep_code">
		<image src="{{img}}weapp/btn.png" class="sweep"></image>
	</view>
</view>
<view class="backposi" wx:if="{{background}}"></view>
<view class="authName" wx:if="{{realname}}">
	<view class="realname ">
		<image src="{{img}}weapp/auth2.png" class="auth"></image>
		<view class="text1">完善信息</view>
		<view class="text2">完善信息，骑行更放心！</view>
		<view bindtap="authentication" class="view">
			<view>去完善</view>
		</view>
	</view>
	<image src="{{img}}weapp/over.png" style="width:60rpx;height:60rpx;" class="over" bindtap="over" wx:if="{{over}}">
	</image>
</view>
<view class="deposit" wx:if="{{deposit}}">
	<image src="{{img}}weapp/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}}">
	<view class="scanfail flexC">
		<image src="{{img}}weapp/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="{{img}}weapp/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>
<view class="xinyonghu" wx:if="{{userStatus.is_new_user==1 && new_user_coupons!=''}}">
	<view class="quan_list">
		<view wx:for="{{new_user_coupons}}" class="item">
			<image src="/img/lijian.png" class="tips" wx:if="{{item.type==1}}"></image>
			<image src="/img/xianjin.png" class="tips" wx:if="{{item.type==2}}"></image>
			<image src="/img/zhekou.png" class="tips" wx:if="{{item.type==3}}"></image>
			<image src="/img/mianya.png" class="tips" wx:if="{{item.type==4}}"></image>
			<view class="left" style="padding-left:50rpx; flex:0 0 65%;">
				<text wx:if="{{item.type==1}}">满5减2优惠劵</text>
				<text wx:if="{{item.type==2}}">2元优惠券</text>
				<text wx:if="{{item.type==3}}">骑行5折劵</text>
				<text wx:if="{{item.type==4}}">免押金劵</text>
				<text style="font-size:24rpx;color:#8C8C8C;margin-top:5rpx;" wx:if="{{item.valid_type==3}}">永久有效</text>
				<text style="font-size:24rpx;color:#8C8C8C;margin-top:5rpx;"
					wx:if="{{item.valid_type==2}}">有效期{{item.valid_days}}天</text>
				<text style="font-size:24rpx;color:#8C8C8C;margin-top:5rpx;"
					wx:if="{{item.valid_type==1}}">{{item.valid_days}}前使用</text>
			</view>
			<view class="right" style="padding-right:30rpx;border-left: dashed 2px #FF5A50;padding-left:10px; flex:1">
				<text style="color:#FF6545;font-size:52rpx">{{item.give_count}}<text
						style="font-size:26rpx;padding-left:3rpx;">张</text></text>
			</view>
		</view>
	</view>
	<view class="lingqu">
		<view class="lingqu1" bindtap="lingqu">
			立即领取
		</view>
	</view>
	<image src="/img/cha.png" class="bulingqu" bindtap="bulingqu"></image>
</view>
<view class="newBackground" wx:if="{{userStatus.is_new_user==1 && new_user_coupons!=''}}"></view>