macaoApplets_new/components/map-sense/map-sense.wxml

<!--components/map-sense.wxml-->
<view class="content">
  <view class="top">
    <view class="top-bottom">
      <image class="top-bottom-img" src="{{cdn_url}}/project/big-bg-{{targetObj.id === 'zhuting'? 'brown':'blue'}}.png">
      </image>
      <view class="{{targetObj.id === 'zhuting' ?'light-sound':''}} small-sound">
        <image class="sound-img" src="{{cdn_url}}/project/sound.png"></image>
      </view>
      <view class="txt">主厅</view>
    </view>


    <view class="right-bottom">
      <image class="right-bottom-img" src="{{cdn_url}}/project/right-{{targetObj.id === 'futing'? 'brown':'blue'}}.png">
      </image>
      <view class="{{targetObj.id === 'futing' ?'light-sound':''}} small-sound" >
        <image class="sound-img" src="{{cdn_url}}/project/sound.png"></image>
      </view>
      <view class="txt">附厅</view>
    </view>


    <view class="center-bottom">
      <image class="center-bottom-img" src="{{cdn_url}}/project/xt-{{targetObj.id === 'xuting'? 'brown':'blue'}}.png">
      </image>
      <view class="{{targetObj.id === 'xuting' ?'light-sound':''}} small-sound">
        <image class="sound-img" src="{{cdn_url}}/project/sound.png"></image>
      </view>
      <view class="txt">序厅</view>
    </view>
  </view>

  
  <view class="center">
    <image class="center-img" src="{{cdn_url}}/project/{{status_pic[status]}}.png"></image>
    <view class="promptText">
      {{connect_status[status]}}
    </view>
  </view>
  <view class="text">
    蓝牙成功连接后，走到相应区域则会播放不同的音频
    注：请确保蓝牙保持打开状态。
  </view>
  <view style="text-align:center;">
    <view class="bottom">
      <view class="txt" bindtap="toScanCode">扫一扫</view>
    </view>
    <view class="bottom">
      <view class="txt" bindtap="toHandle">{{status_text[status]}}</view>
    </view>
  </view>
</view>