fastNetwork/pages/setting/setting copy.wxml

<view class="main">
  <view class="one">
    <view class="left">
      推荐码
    </view>
    <view class="right">
      <picker class="picker" bindchange="imageChange" name="template" value="{{form.template}}" range="{{templateList}}"
        range-key="{{'name'}}">
        <view>{{form.template||'模板'}}
          <van-icon name="arrow" />
        </view>
      </picker>
    </view>
  </view>
  <view class="two">
    <image class="image" src="{{form.imgurl}}"></image>
    <view class="userInfo">
      <view class="temOne" wx:if="{{form.imgIndex==0}}">
        <view class="name">{{userInfo.name}}</view>
        <view class="phone">NO.{{userInfo.mobile}}</view>
        <canvas class="qrcode" canvas-id="myQrcode0"></canvas>
        <!-- <image class="qrcode" src="{{qrcodeUrl}}"></image> -->
        <image class="avatarUrl" src="{{userInfo.avatarUrl}}"></image>
      </view>
      <view class="temTwo" wx:elif="{{form.imgIndex==1}}">
        <!-- <image class="qrcode" src="{{qrcodeUrl}}"></image> -->
        <canvas class="qrcode" canvas-id="myQrcode1"></canvas>
        <image class="avatarUrl" src="{{userInfo.avatarUrl}}"></image>
        <view class="name">{{userInfo.name}}</view>
        <view class="phone">NO.{{userInfo.mobile}}</view>
      </view>
      <view class="temThr" wx:elif="{{form.imgIndex==2}}">
        <!-- <image class="qrcode" src="{{qrcodeUrl}}"></image> -->
        <canvas class="qrcode" canvas-id="myQrcode"></canvas>
        <image class="avatarUrl" src="{{userInfo.avatarUrl}}"></image>
        <view>
          <text>{{userInfo.name}}</text>
          <text>NO.{{userInfo.mobile}}</text>
        </view>
      </view>
      <view class="temFour" wx:elif="{{form.imgIndex==3}}">
        <view class="temFourImg">
          <!-- <image class="qrcode" src="{{qrcodeUrl}}"></image> -->
          <canvas class="qrcode" canvas-id="myQrcode"></canvas>
          <image class="avatarUrl" src="{{userInfo.avatarUrl}}"></image>
        </view>
        <view class="temFourInfo">
          <text>{{userInfo.name}}</text>
          <text>NO.{{userInfo.mobile}}</text>
        </view>
      </view>
      <view class="temFive" wx:elif="{{form.imgIndex==4}}">
        <!-- <image class="qrcode" src="{{qrcodeUrl}}"></image> -->
        <canvas class="qrcode" canvas-id="myQrcode"></canvas>
        <image class="avatarUrl" src="{{userInfo.avatarUrl}}"></image>
        <view>
          <text>{{userInfo.name}}</text>
          <text>NO.{{userInfo.mobile}}</text>
        </view>
      </view>
    </view>
  </view>
</view>