<view class="scanContainer">
  <view class="header">
    <image src="../../images/orientation.png" />
    <text>{{site.name}}</text>
  </view>
  <image class="background" src="../../images/stationBackground.png"></image>

  <view class="scan-box">
    <!-- 登录条 -->
    <view class="login-container" bind:tap="toLoginOrOrderPage">
      <view class="user-icon">
        <view class="user-border-unlogin" wx:if="{{!isLoggedIn}}">
          <image src="../../images/user.png" mode="aspectFit"></image>
        </view>
        <image class="user-icon-login" wx:if="{{isLoggedIn}}" src="{{userInfo.userAvatarUrl}}" mode="aspectFit"></image>
      </view>
      
      <view class="user-tip" wx:if="{{!isLoggedIn}}">
        <text style="font-weight: 530;">未登录</text>
        <text style="font-size: 24rpx;color: #81838f;">请授权登录</text>
      </view>
      <text class="user-tip" wx:if="{{isLoggedIn}}">{{userInfo.userPhoneNumber}}</text>

      <text class="toOtherPage">></text>
    </view>
    
    <!-- 分割线 -->
    <view class="line"></view>

    <!-- 扫码区 -->
    <view class="scan-container" bind:tap="scanCode">
      <view class="scan-image-box">
        <view class="scan-bg-1" />
        <view class="scan-bg-2" />
        <view class="scan-bg-3" />
        <image src="../../images/scan.png" mode="aspectFit"></image>
      </view>
      
      <view class="scan-tip-title">
        <view class="title-line" />
        <text class="scan-tip-title-text">{{scanTitle}}</text>
      </view>
      
      <text class="scan-tip-text">{{scanTip}}</text>
    </view>
  </view>

</view>