|
|
|
@ -1,12 +1,12 @@ |
|
|
|
<view> |
|
|
|
<camera wx:if="{{resolution}}" mode="scanCode" device-position="back" flash="{{flash}}" frame-size="{{frameSize}}" style="z-index:0;position:fixed;top:0;width:100%;height:100%;" binderror="handleNoCamera" resolution="{{resolution}}"> |
|
|
|
</camera> |
|
|
|
<canvas bindtap="clickScreen" style="z-index:1;position:fixed;top:0;width:100%;height:100%;" type="webgl" id="webgl" canvas-id="webgl"></canvas> |
|
|
|
<camera wx:if="{{resolution}}" mode="scanCode" device-position="back" flash="{{flash}}" frame-size="{{frameSize}}" style="z-index:0;position:fixed;top:0;width:100%;height:100%;" binderror="handleNoCamera" resolution="{{resolution}}"> |
|
|
|
</camera> |
|
|
|
<canvas bindtap="clickScreen" style="z-index:1;position:fixed;top:0;width:100%;height:100%;" type="webgl" id="webgl" canvas-id="webgl"></canvas> |
|
|
|
</view> |
|
|
|
|
|
|
|
<view> |
|
|
|
<canvas type="2d" id="capture" style="width: 1px; height: 1px;"> |
|
|
|
</canvas> |
|
|
|
<canvas type="2d" id="capture" style="width: 1px; height: 1px;"> |
|
|
|
</canvas> |
|
|
|
</view> |
|
|
|
<image wx:if="{{state===states.selectFloor||state===states.startScan||state===states.fail5s||state===states.inNav}}" style="top:{{safeTop + 10}}px" class="logo" src='./logo.png'></image> |
|
|
|
<view wx:if="{{state===states.selectFloor||state===states.startScan||state===states.fail5s||state===states.inNav}}" style="top:{{safeTop + 9}}px;color: {{state===states.inNav?'#000':'#fff'}}" class="title">无锡荟聚</view> |
|
|
|
@ -16,61 +16,62 @@ |
|
|
|
</button> |
|
|
|
<image wx:if="{{state!==states.successPrompt&&!promptStateMap[state]&&point!==null}}" src="/pages/index/share.png" style="top:{{safeTop + 60}}px;" class="share-img"></image> |
|
|
|
<view wx:if="{{state===states.selectFloor}}" class="floor-modal"> |
|
|
|
<view class="content"> |
|
|
|
<image class="bg" src="./floor-bg.png" mode="widthFix"></image> |
|
|
|
<text>为了更精确定位 |
|
|
|
请选择您当前所在楼层</text> |
|
|
|
<view class="floors"> |
|
|
|
<scroll-view class="list" scroll-y style="height: {{windowHeight - 152 - 120 - 96 - 30 - 50 - 77 + 52}}px"> |
|
|
|
<view class="item {{item.floorId===floorId?'active':''}}" id="{{index}}" wx:for="{{selectMall? filteredMallFloors:filteredParkFloors}}" wx:key="floorId" bindtap="setFloor"> |
|
|
|
{{item.name}}</view> |
|
|
|
</scroll-view> |
|
|
|
<button bindtap="requestLocation" loading="{{!inited}}" class="btn {{(inited && floorOrder!==null)? '' : 'disabled'}}">开始导航</button> |
|
|
|
<view class="content"> |
|
|
|
<image class="bg" src="./floor-bg.png" mode="widthFix"></image> |
|
|
|
<text>为了更精确定位 |
|
|
|
请选择您当前所在楼层</text> |
|
|
|
<view class="floors"> |
|
|
|
<scroll-view class="list" scroll-y style="height: {{windowHeight - 152 - 120 - 96 - 30 - 50 - 77 + 52}}px"> |
|
|
|
<view class="item {{item.floorId===floorId?'active':''}}" id="{{index}}" wx:for="{{selectMall? filteredMallFloors:filteredParkFloors}}" wx:key="floorId" bindtap="setFloor"> |
|
|
|
{{item.name}} |
|
|
|
</view> |
|
|
|
</scroll-view> |
|
|
|
<button bindtap="requestLocation" loading="{{!inited}}" class="btn {{(inited && floorOrder!==null)? '' : 'disabled'}}">开始导航</button> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view wx:if="{{false&&(floorId==='B3'||floorId==='B2'||floorId==='B1')&&(state===states.startScan||state===states.fail5s)}}" class="zzcImg"> |
|
|
|
<image src="/pages/index/mask.png" class="zzcimg_ys"></image> |
|
|
|
<cover-view wx:if="{{flash_isFilter}}" class="scan_lo_tow" style="width:{{parkWidth}}px;height:{{parkHeight-10}}px;top:{{parkTop}}px;left:{{parkLeft}}px;"> |
|
|
|
<cover-image class="scan_img trans-y" src="https://ar-fm.cdn.bcebos.com/lktools/880c9ef27944354288b11f2abed8fba7cb82d559"></cover-image> |
|
|
|
</cover-view> |
|
|
|
<image src="/pages/index/mask.png" class="zzcimg_ys"></image> |
|
|
|
<cover-view wx:if="{{flash_isFilter}}" class="scan_lo_tow" style="width:{{parkWidth}}px;height:{{parkHeight-10}}px;top:{{parkTop}}px;left:{{parkLeft}}px;"> |
|
|
|
<cover-image class="scan_img trans-y" src="https://ar-fm.cdn.bcebos.com/lktools/880c9ef27944354288b11f2abed8fba7cb82d559"></cover-image> |
|
|
|
</cover-view> |
|
|
|
|
|
|
|
<view class="scanning_textnl" style="top:{{safeTop + 94}}px;"> |
|
|
|
<view> {{state===states.startScan?'开始定位':'努力定位中'}}</view> |
|
|
|
<view> {{state===states.startScan?'请摆正手机扫描临近车位号':'再试试扫描其他车位号'}} </view> |
|
|
|
</view> |
|
|
|
<view class="scanning_tip" style="top:{{safeTop + 170}}px;"> |
|
|
|
示例 |
|
|
|
<image src='./scanning-tip.png'></image> |
|
|
|
</view> |
|
|
|
<view class="scanning_text" style="width:100%;top:{{parkTop +80}}px;left:0;right:0;"> |
|
|
|
您身边的车位号置于此区域,并对齐扫描边缘 |
|
|
|
</view> |
|
|
|
<view class="flashlightBtn" bindtap="flashlightBtn"> |
|
|
|
<image src="{{flash == 'on'? '/pages/index/flashon.png':'/pages/index/flashoff.png'}}" class="on_img"></image> |
|
|
|
</view> |
|
|
|
<view class="scanning_textnl" style="top:{{safeTop + 94}}px;"> |
|
|
|
<view> {{state===states.startScan?'开始定位':'努力定位中'}}</view> |
|
|
|
<view> {{state===states.startScan?'请摆正手机扫描临近车位号':'再试试扫描其他车位号'}} </view> |
|
|
|
</view> |
|
|
|
<view class="scanning_tip" style="top:{{safeTop + 170}}px;"> |
|
|
|
示例 |
|
|
|
<image src='./scanning-tip.png'></image> |
|
|
|
</view> |
|
|
|
<view class="scanning_text" style="width:100%;top:{{parkTop +80}}px;left:0;right:0;"> |
|
|
|
您身边的车位号置于此区域,并对齐扫描边缘 |
|
|
|
</view> |
|
|
|
<view class="flashlightBtn" bindtap="flashlightBtn"> |
|
|
|
<image src="{{flash == 'on'? '/pages/index/flashon.png':'/pages/index/flashoff.png'}}" class="on_img"></image> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view wx:if="{{(state===states.startScan||state===states.fail5s)}}" class="scan-modal"> |
|
|
|
<image class="corner" src="./corner.png"></image> |
|
|
|
<image class="corner lb" src="./corner.png"></image> |
|
|
|
<image class="corner tl" src="./corner.png"></image> |
|
|
|
<image class="corner tr" src="./corner.png"></image> |
|
|
|
<view class="scaner"> |
|
|
|
<view class="bg"></view> |
|
|
|
</view> |
|
|
|
<view class="title"> |
|
|
|
{{state===states.startScan?'开始定位':'努力定位中'}} |
|
|
|
</view> |
|
|
|
<view class="meta"> |
|
|
|
{{state===states.startScan?'请缓慢扫描周围店铺名称':'请扫描其他区域试试'}} |
|
|
|
</view> |
|
|
|
<view class="btn" bindtap="exit">返回</view> |
|
|
|
<image class="corner" src="./corner.png"></image> |
|
|
|
<image class="corner lb" src="./corner.png"></image> |
|
|
|
<image class="corner tl" src="./corner.png"></image> |
|
|
|
<image class="corner tr" src="./corner.png"></image> |
|
|
|
<view class="scaner"> |
|
|
|
<view class="bg"></view> |
|
|
|
</view> |
|
|
|
<view class="title"> |
|
|
|
{{state===states.startScan?'开始定位':'努力定位中'}} |
|
|
|
</view> |
|
|
|
<view class="meta"> |
|
|
|
{{state===states.startScan?'请缓慢扫描周围店铺名称':'请扫描其他区域试试'}} |
|
|
|
</view> |
|
|
|
<view class="btn" bindtap="exit">返回</view> |
|
|
|
</view> |
|
|
|
<prompt wx:if="{{!!promptStateMap[state]}}" icon="{{promptStateMap[state].icon}}" title="{{state===states.arriveElevator?'请乘坐直梯至'+nextFloor.name:state ===states.arriveEscalator?'请乘坐扶梯至'+nextFloor.name:promptStateMap[state].title}}" meta="{{(state===states.arriveElevator||state===states.arriveEscalator)&&(nextFloor.name==='-3F'||nextFloor.name==='-2F'||nextFloor.name==='-1F')?'离开电梯厅后重新扫描':promptStateMap[state].meta}}" btn1="{{((state===states.arriveElevator||state ===states.arriveEscalator)&&nextNextFloor)?'已到达目标'+(nextNextFloor.isPark?'停车场':'商场'):promptStateMap[state].btn1}}" btn2="{{promptStateMap[state].btn2}}" btn3="{{promptStateMap[state].btn3}}" bindbtn="handlePromptBtn"></prompt> |
|
|
|
<view wx:if="{{state===states.successPrompt}}" class="success-prompt"> |
|
|
|
<image src="./success.png"></image> |
|
|
|
<view class="title"> 定位成功 </view> |
|
|
|
<view class="meta"> 请跟随路线指示行走 </view> |
|
|
|
<image src="./success.png"></image> |
|
|
|
<view class="title"> 定位成功 </view> |
|
|
|
<view class="meta"> 请跟随路线指示行走 </view> |
|
|
|
</view> |
|
|
|
<nav wx:if="{{showTabs&&tab===1}}" end="{{arriveEnd}}" icon="{{navIcon}}" t1="{{msgTop}}" t2="{{msgBottomLeft}} {{msgBottomRight}}" progress="{{(totalDistance-distance)/totalDistance}}" bindexit="handleNavExit"> |
|
|
|
</nav> |
|
|
|
|