Fuelwx/pages/scan/scan.wxml

<view class="scanContainer">
  <view class="header" style="position: fixed; left: 0rpx; top: 56rpx">
    <image src="../../images/orientation.png" />
    <text>{{site.name}}</text>
  </view>
  <image class="background" src="../../images/stationBackground.png" style="height: 518rpx; display: block; box-sizing: border-box"></image>

  <view class="scan-box" style="position: absolute; left: 38rpx; top: 379rpx; height: 1050rpx; display: flex; box-sizing: border-box">
    <!-- 登录条 -->
    <view class="login-container" bind:tap="toLoginOrOrderPage" style="position: relative; left: 0rpx; top: -200rpx">
      <view class="user-icon">
        <view class="user-border-unlogin" wx:if="{{!isLoggedIn}}" style="position: relative; left: 25rpx; top: 0rpx">
          <image src="../../images/user.png" style="position: relative; left: 5rpx; top: -2rpx"></image>
        </view>
        <image class="user-icon-login" style="position: relative; left: 5rpx; top: -10rpx" wx:if="{{isLoggedIn}}" src="{{userInfo.userAvatarUrl}}" mode="aspectFit"></image>
      </view>

      <view class="user-tip" wx:if="{{!isLoggedIn}}" style="position: relative; left: 21rpx; top: 0rpx">
        <text style="font-weight: 700; position: relative; left: -22rpx; top: 36rpx; height: 99rpx; display: block; box-sizing: border-box">未登录</text>
        <text style="font-size: 30rpx; color: #81838f; position: relative; left: -22rpx; top: -15rpx; height: 68rpx; display: block; box-sizing: border-box">请授权登录</text>
      </view>
      <text class="user-tip" wx:if="{{isLoggedIn}}" style="position: relative; left: -22rpx; top: 21rpx">{{userInfo.userPhoneNumber}}</text>

      <view style="position: relative; left: 0rpx; top: -10rpx">
        <image class="lishidingdan" src="/images/date.png" mode="" wx:if="{{isLoggedIn}}" style="position: relative; left: -35rpx; top: 8rpx"></image>
        <text class="toOtherPage" wx:if="{{isLoggedIn}}" style="height: 37rpx; display: flex; box-sizing: border-box; position: relative; left: -32rpx; top: 0rpx">历史订单</text>
      </view>

    </view>

    <!-- 分割线 -->
    <view class="line" style="position: relative; left: 0rpx; top: -226rpx"></view>

    <!-- 扫码区 -->
    <view class="scan-container" bind:tap="scanCode" style="position: relative; left: 0rpx; top: -29rpx">
      <view class="scan-image-box" style="position: relative; left: 0rpx; top: -39rpx">
        <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" style="position: relative; left: 0rpx; top: 0rpx; width: 327rpx; height: 45rpx; display: block; box-sizing: border-box">{{scanTip}}</text>
    </view>
  </view>

</view>