<template>
  <view class="Mall4j page-group-rules">
    <!-- 拼团步骤 -->
    <view class="step">
      <view class="item">
        <view class="number">
          1
        </view>
        <view class="text">
          首先选择
          <br>心仪商品
        </view>
      </view>
      <view class="item">
        <view class="number">
          2
        </view>
        <view class="text">
          开团支付
          <br>或者参团
        </view>
      </view>
      <view class="item">
        <view class="number">
          3
        </view>
        <view class="text">
          邀请好友
          <br>参加拼团
        </view>
      </view>
      <view class="item">
        <view class="number">
          4
        </view>
        <view class="text">
          成团发货
          <br>不满退款
        </view>
      </view>
    </view>
    <!-- 间隔 -->
    <view class="space" />
    <!-- 拼团介绍 -->
    <view class="introduction">
      <view class="tit">
        <view class="text">
          拼团介绍
        </view>
      </view>
      <view class="con">
        <view class="item">
          <text class="bold">
            发起拼团：
          </text>
          <text class="text">
            选择心仪商品进入详情页，点击“我要开团”，提交并成功支付订单即开团成功，点击“邀请好友参团”通过分享链接邀请好友参与拼团。
          </text>
        </view>
        <view class="item">
          <text class="bold">
            参与拼团：
          </text>
          <text
            class="text"
          >
            在拼团详情页“正在进行的拼团，可直接参与”处选择一个正在进行的拼团，点击去参团按钮；或点击好友分享的邀请链接参与拼团，在线支付成功后即拼团成功。
          </text>
        </view>
        <view class="item">
          <text class="bold">
            拼团成功：
          </text>
          <text class="text">
            在拼团有效时间内，凑齐人数就拼团成功，商家将尽快安排发货，可到个人中心-我的订单查看已成功拼团的订单。
          </text>
        </view>
        <view class="item">
          <text class="bold">
            拼团失败：
          </text>
          <text class="text">
            在拼团有效时间内，未凑齐人数则拼团失败，系统将原路退款到付款账户，由于支付方式不同，到账时间不同，具体以实际为准，请注意查收。
          </text>
        </view>
        <view class="item">
          <text class="bold">
            其他说明：
          </text>
          <text class="text">
            开团成功或参团成功后，在拼团有效时间内，不允许取消订单。
          </text>
        </view>
      </view>
    </view>
  </view>
</template>

<script setup>
</script>

<style lang="scss" scoped>
@use "group-rules.scss";
</style>
