<template>
  <div class="success-info">
    <p class="desc">已有<span>6999人</span>拼团成功</p>
    <avator-swiper :avator-data="avatorData" />
  </div>
</template>
<script>
import avatorSwiper from '@/components/avatorSwiper';
export default {
  components: {
    avatorSwiper
  },
  data() {
    return {
      avatorData: [
        'https://activitystatic.lkbang.net/mall-free-ui/img/avator_01.png',
        'https://activitystatic.lkbang.net/mall-free-ui/img/avator_02.png',
        'https://activitystatic.lkbang.net/mall-free-ui/img/avator_03.png',
        'https://activitystatic.lkbang.net/mall-free-ui/img/avator_04.png',
        'https://activitystatic.lkbang.net/mall-free-ui/img/avator_05.png',
        'https://activitystatic.lkbang.net/mall-free-ui/img/avator_06.png',
        'https://activitystatic.lkbang.net/mall-free-ui/img/avator_07.png',
        'https://activitystatic.lkbang.net/mall-free-ui/img/avator_09.png',
        'https://activitystatic.lkbang.net/mall-free-ui/img/avator_10.png'
      ]
    };
  }
};
</script>
<style lang="less" scoped>
.success-info {
  .text-14();
  color: @black;
  text-align: center;
  height: 90px;
  background: #f7f8f9;
  border-radius: @border-radius-md + 2;
  padding: 0 @padding-unit * 10 + 5;
  display: flex;
  flex-direction: column;
  justify-content: center;
  .desc {
    margin-bottom: @padding-unit * 3;
    .text-14();
    span {
      color: @red;
    }
  }
}
</style>
