txly-zfb-mini/pages/visitor_qrcode/visitor_qrcode.axml

<view class="vq-container">
  <block a:if="{{ !status }}">
    <view style="height:28rpx;"></view>
    <auth-popup id="authPopup" onAuthResult="authResult"/>
    <view class="auth-layout">
      <view class="title">您的拜访申请已通过，请获取访客二维码通行。</view>
      <view class="submit-btn" hover-class="btn-hover" hover-stay-time="100" onTap="authClick">获取访客二维码</view>
    </view>
  </block>
  <block a:elif="{{ status === 1 && selectIndex >= 0 }}">
    <view class="qrcode-layout">
      <view class="qrcode_head">
        <view class="head_top">
          <picker title="选择" range-key="adminName" onChange="onQrcodeSelectChange" value="{{selectIndex}}" range="{{qrcodeList}}">
            <view style="display: flex;align-items: center;">
              <view>地点：</view>
              <view>{{ qrcodeList[selectIndex].adminName }}</view>
              <van-icon name="arrow-down" size="18px" style="margin-left:20rpx;margin-top:4rpx;" />
            </view>
          </picker>
        </view>
        <view class="head_bottom">
          <view style="flex:1 1 auto;">拜访人：{{ qrcodeList[selectIndex].name	 }}</view>
          <view style="flex:1 1 auto;">受访人：{{ qrcodeList[selectIndex].visiteeName }}</view>
        </view>
      </view>
      <view class="qrcode-prompt">
        <image mode="scaleToFill" style="width:280rpx;height:40rpx;" src="/static/visitor_qrcode/ic_qrcode.png" />
      </view>
      <view class="qrocde-tabs">
        <view class="tabs-item {{ showQrCodePosition === index ? 'tab-item-selected' : null}}" onTap="onQrcodeTabsChange" data-type="{{ index }}" a:for="{{ qrcodeList[selectIndex].titles }}">{{ item }}</view>
      </view>
      <view class="qrcode-content" a:if="{{ qrcodeList[selectIndex].qrcodesPath }}">
        <view class="content-image">
          <image mode="scaleToFill" style="width:250px;height:250px;" src="{{ qrcodeList[selectIndex].qrcodesPath[showQrCodePosition] }}" />
          <canvas
            class='canvas-code'
            style='background:#fff;width:250px;height:250px; display:block; left:-800rpx;position:absolute;'
            id='qrcode'>
          </canvas>
        </view>
        <view class="qrcode-title">{{ qrcodeList[selectIndex].titles[showQrCodePosition] }}</view>
      </view>
    </view>
  </block>
</view>