<template>
  <div class="container w-[100vw] h-[100vh] fixed top-[0] left-[0] z-88" @click="close">
    <view class="w-[540rpx] h-[287rpx] bg-[#fff] absolute right-[30rpx] bottom-[120rpx] rounded-[12rpx]">
      <view class="flex items-center justify-center">
        <view class="text-[24rpx] text-[#333333] mt-[43rpx] flex items-center">
          <image :src="img(pintuanInfo.group_info.leader.headimg)" @error="pintuanInfo.group_info.leader.headimg = 'static/resource/images/default_headimg.png'" mode="scaleToFill" class="w-[40rpx] h-[40rpx] rounded-[50%] mr-[10rpx]" />
          <text class="text-[#EF000D]">  {{ pintuanInfo.group_info.leader.nickname }}</text>的团 已拼团成功</view>
      </view>
     <view class="text-[#333333] text-[24rpx] text-center mt-[30rpx]">
      非常抱歉，您来晚了一步~
     </view>
      <view class="mx-[55rpx] mt-[30rpx] flex justify-center">
        <view class="text-[#333333] text-[24rpx] text-center mt-[21rpx] ml-[40rpx]">点击下方按钮开团</view>
        <image
          :src="img('addon/pintuan/zx.png')"
          mode="scaleToFill"
          class="w-[55rpx] h-[75rpx] ml-[30rpx]"
        />
      </view>
    </view>
  </div>
</template>

<script setup lang="ts">
import { reactive, toRefs, ref, onMounted ,defineEmits} from "vue";
import { img, } from '@/utils/common';

// 声明自定义事件
const emit = defineEmits(['close']);
// 定义props
const props = defineProps({
  grouPinfo: {
    type: Object,
    default: () => ({})
  },
  pintuanInfo: {
    type: Object,
    default: () => ({})
  }
});
const state = reactive({
  list: [
    {
      img: img('addon/pintuan/avatar1.png'),
      name: '张三',
      status: 1
    },
 
    {},
 
  ],
})
const {list } = toRefs(state)
onMounted(() => {

});
const close = () => {
  emit('close')
}
</script>

<style scoped lang='scss'>
.container {
  background: rgba(0, 0, 0, 0.8);
}
</style>