wechatShopUni/pages/promotion/qrcode.wxml

<view class="container">
  <!-- 二维码展示区域 -->
  <view class="qrcode-card">
    <view class="user-info">
      <image class="avatar" src="{{userInfo.avatarUrl}}"></image>
      <text class="nickname">{{userInfo.nickName}}</text>
      <text class="promotion-id">推广ID：{{userInfo.distributionId}}</text>
    </view>
    <view class="qrcode-wrapper">
      <image class="qrcode-image" src="{{qrcodeUrl}}" mode="aspectFit"></image>
      <text class="qrcode-tip">扫码加入我的团队</text>
    </view>
  </view>

  <!-- 操作按钮 -->
  <view class="action-buttons">
    <button class="btn btn-save" bindtap="saveQrcode">
      <text class="iconfont icon-save"></text>
      <text>保存到相册</text>
    </button>
    <button class="btn btn-share" open-type="share">
      <text class="iconfont icon-share"></text>
      <text>分享</text>
    </button>
  </view>

  <!-- 推广说明 -->
  <view class="promotion-guide">
    <view class="guide-title">推广说明</view>
    <view class="guide-item">
      <text class="item-dot"></text>
      <text class="item-text">将二维码分享给好友</text>
    </view>
    <view class="guide-item">
      <text class="item-dot"></text>
      <text class="item-text">好友扫码后成为你的团队成员</text>
    </view>
    <view class="guide-item">
      <text class="item-dot"></text>
      <text class="item-text">团队成员下单后你可获得佣金</text>
    </view>
  </view>
</view>