macao_army/macaoApplets/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.major === 10001? 'brown':'blue'}}.png">
      </image>
      <view class="{{targetObj.major === 10001 ?'light-sound':'small-sound'}}">
        <image class="sound-img" src="{{cdn_url}}/project/sound.png"></image>
      </view>
    </view>
    <view class="right-bottom">
      <image class="right-bottom-img" src="{{cdn_url}}/project/right-{{targetObj.major === 10002? 'brown':'blue'}}.png">
      </image>
      <view class="{{targetObj.major === 10002 ?'light-sound':'small-sound'}}">
        <image class="sound-img" src="{{cdn_url}}/project/sound.png"></image>
      </view>
    </view>
    <view class="center-bottom">
      <image class="center-bottom-img" src="{{cdn_url}}/project/xt-{{targetObj.major === 10003? 'brown':'blue'}}.png">
      </image>
      <view class="{{targetObj.major === 10003 ?'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>