fastNetwork/pages/setting/setting.wxml

<view class="main">
  <view class="one">
    <view class="left">
      推荐码
    </view>
    <view class="right">
      <button wx:if="{{!hasUserInfo && canIUse}}" open-type="getUserInfo" bindgetuserinfo="getUserInfo">获取头像</button>
      <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}}">
        <image class="avatarUrl" src="{{userInfo.avatarUrl}}"></image>
        <view class="name">{{userInfo.nickName||"顾红伟"}}</view>
        <view class="phone">NO.{{form.phone}}</view>
        <image class="qrcode" src="{{qrcodeUrl}}"></image>
      </view>
      <view class="temTwo" wx:elif="{{form.imgIndex==1}}">
        <image class="avatarUrl" src="{{userInfo.avatarUrl}}"></image>
        <view>{{userInfo.nickName||"顾红伟"}}</view>
        <view>NO.{{form.phone}}</view>
        <image class="qrcode" src="{{qrcodeUrl}}"></image>
      </view>
      <view class="temThr" wx:elif="{{form.imgIndex==2}}">
        <view class="temThrOne">
          <image class="avatarUrl" src="{{userInfo.avatarUrl}}"></image>
          <view>
            <text>{{userInfo.nickName||"顾红伟"}}</text>
            <text>NO.{{form.phone}}</text>
          </view>
        </view>
        <view class="temThrTwo">
          <image class="qrcode" src="{{qrcodeUrl}}"></image>
        </view>
      </view>
      <view class="temFour" wx:elif="{{form.imgIndex==3}}">
        <view class="temThrOne">
          <image class="avatarUrl" src="{{userInfo.avatarUrl}}"></image>
          <view>
            <text>{{userInfo.nickName||"顾红伟"}}</text>
            <text>NO.{{form.phone}}</text>
          </view>
        </view>
        <view class="temThrTwo">
          <image class="qrcode" src="{{qrcodeUrl}}"></image>
        </view>
      </view>
      <view class="temFive" wx:elif="{{form.imgIndex==4}}">
        <view>
          <text>{{userInfo.nickName||"顾红伟"}}</text>
        </view>
        <view>
          <image class="avatarUrl" src="{{userInfo.avatarUrl}}"></image>
          <image class="qrcode" src="{{qrcodeUrl}}"></image>
        </view>
        <view>
          <text>NO.{{form.phone}}</text>
        </view>
        <!-- <view>
          <text>{{userInfo.nickName||"顾红伟"}}</text>
        </view>
        <view>
          <image class="avatarUrl" src="{{userInfo.avatarUrl}}"></image>
          <image class="qrcode" src="{{qrcodeUrl}}"></image>
        </view>
        <view>
          <text>NO.{{form.phone}}</text>
        </view> -->
      </view>
    </view>
  </view>
</view>