wechatShopUni/pages/distribution/qrcode.wxml

<view class="container">
  <!-- 推广二维码 -->
  <view class="qrcode-container">
    <view class="qrcode-header">
      <text class="header-title">我的推广码</text>
      <text class="header-desc">扫码或长按识别，邀请好友加入</text>
    </view>

    <view class="qrcode-content">
      <view class="qrcode-wrapper">
        <image 
          class="qrcode-image" 
          src="{{ qrcodeUrl }}" 
          mode="aspectFit"
          bindtap="previewQRCode"
        ></image>
        <text class="qrcode-tip">点击二维码可放大预览</text>
      </view>

      <view class="user-info">
        <image class="user-avatar" src="{{ userAvatar }}"></image>
        <text class="user-nickname">{{ userNickname }}</text>
        <text class="user-id">推广ID: {{ userId }}</text>
      </view>
    </view>
  </view>

  <!-- 操作按钮 -->
  <view class="action-buttons">
    <button 
      class="btn btn-primary" 
      bindtap="saveQRCode"
    >
      <text class="iconfont icon-download"></text>
      保存二维码
    </button>
    <button 
      class="btn btn-secondary" 
      bindtap="shareQRCode"
    >
      <text class="iconfont icon-share"></text>
      分享二维码
    </button>
  </view>

  <!-- 推广说明 -->
  <view class="promotion-guide">
    <view class="guide-title">推广说明</view>
    <view class="guide-content">
      <text>1. 将二维码分享给好友，邀请他们扫码注册</text>
      <text>2. 好友通过你的二维码注册成为分销商</text>
      <text>3. 好友产生交易，你将获得相应佣金</text>
    </view>
  </view>
</view>