wechatShopUni/pages/distribution/rules.wxml

<view class="container">
  <!-- 规则标题 -->
  <view class="header">
    <text class="title">分销规则说明</text>
  </view>

  <!-- 规则内容 -->
  <view class="rules-content">
    <!-- 成为分销商 -->
    <view class="rule-section">
      <view class="section-title">
        <text class="iconfont icon-user"></text>
        <text>如何成为分销商</text>
      </view>
      <view class="section-content">
        <view class="rule-item">
          <text class="dot"></text>
          <text>需要先成为平台注册用户</text>
        </view>
        <view class="rule-item">
          <text class="dot"></text>
          <text>在个人中心申请成为分销商</text>
        </view>
        <view class="rule-item">
          <text class="dot"></text>
          <text>提交申请后等待平台审核</text>
        </view>
        <view class="rule-item">
          <text class="dot"></text>
          <text>审核通过后即可开始推广</text>
        </view>
      </view>
    </view>

    <!-- 佣金规则 -->
    <view class="rule-section">
      <view class="section-title">
        <text class="iconfont icon-money"></text>
        <text>佣金规则</text>
      </view>
      <view class="section-content">
        <view class="rule-item">
          <text class="dot"></text>
          <text>佣金比例根据推广员等级确定</text>
        </view>
        <view class="rule-item">
          <text class="dot"></text>
          <text>订单完成后佣金将自动计入账户</text>
        </view>
        <view class="rule-item">
          <text class="dot"></text>
          <text>佣金在订单完成后{{settleDay}}天可提现</text>
        </view>
        <view class="commission-table">
          <view class="table-header">
            <text>推广员等级</text>
            <text>商品佣金比例</text>
            <text>团队佣金比例</text>
          </view>
          <view class="table-row" wx:for="{{levelList}}" wx:key="name">
            <text>{{item.name}}</text>
            <text>{{item.commission}}%</text>
            <text>{{item.teamCommission}}%</text>
          </view>
        </view>
      </view>
    </view>

    <!-- 提现规则 -->
    <view class="rule-section">
      <view class="section-title">
        <text class="iconfont icon-wallet"></text>
        <text>提现规则</text>
      </view>
      <view class="section-content">
        <view class="rule-item">
          <text class="dot"></text>
          <text>最低提现金额{{minWithdraw}}元</text>
        </view>
        <view class="rule-item">
          <text class="dot"></text>
          <text>每月可提现{{withdrawTimes}}次</text>
        </view>
        <view class="rule-item">
          <text class="dot"></text>
          <text>提现到账时间：1-3个工作日</text>
        </view>
        <view class="rule-item">
          <text class="dot"></text>
          <text>可提现至微信零钱或银行卡</text>
        </view>
      </view>
    </view>

    <!-- 其他说明 -->
    <view class="rule-section">
      <view class="section-title">
        <text class="iconfont icon-info"></text>
        <text>其他说明</text>
      </view>
      <view class="section-content">
        <view class="rule-item">
          <text class="dot"></text>
          <text>分销商需遵守平台相关规定</text>
        </view>
        <view class="rule-item">
          <text class="dot"></text>
          <text>禁止虚假宣传、虚假交易等行为</text>
        </view>
        <view class="rule-item">
          <text class="dot"></text>
          <text>平台有权对违规行为进行处罚</text>
        </view>
        <view class="rule-item">
          <text class="dot"></text>
          <text>平台保留规则解释和修改的权利</text>
        </view>
      </view>
    </view>
  </view>

  <!-- 联系客服 -->
  <view class="contact-service" bindtap="contactService">
    <text class="iconfont icon-service"></text>
    <text>联系客服</text>
  </view>
</view>