<template>
  <div class="setSharePopDivAll">
    <div class="conten" :style="{backgroundImage:`url(${shareImg})`}">
      <button v-if="shareImg==imgFlag" class="btn" @click="toopencard"></button>
      <button v-else class="btn1" @click="tocolseDiv"></button>
    </div>
		<div class="closeDiv" @click="tocolseDiv"></div>
  </div>
</template>

<script>
import Swiper, { Autoplay } from "swiper";
Swiper.use([Autoplay]);
import "swiper/swiper-bundle.css";
import apis from '../api/api.js';
let { getMyPrize } = apis;
export default{
  props:['shareImg'],
  data(){
    return {
      imgFlag:'//img10.360buyimg.com/imgzone/jfs/t1/212822/24/24114/78208/63aa86d2Fec6e5904/d85765a5750a4e81.png',
    }
  },
	created() {
	},
  mounted(){
  },
  methods:{
    toopencard(){
			this.$emit('toOpenCard','助力开卡');
    },
		tocolseDiv(){
			this.$emit('closeDiv');
		},
  }
}
</script>

<style lang='scss' scoped>
.setSharePopDivAll {
	overflow: hidden;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-image: url('//img10.360buyimg.com/imgzone/jfs/t1/214262/20/24621/20314/639d5662E7364dee7/a8c21ad78bbc41dc.jpg');
	background-size: 100% 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
  .conten{
    width: 6.03rem;
    height: 5.52rem;
    background-size: 100% 100%;
    .btn{
      width: 1.96rem;
      height: .61rem;
      background-image: url('//img10.360buyimg.com/imgzone/jfs/t1/111171/30/32892/2610/63a13d96E5a554bb0/479a440525d2c5c3.png');
      background-size: 100% 100%;
      margin-top: 4.2rem;
    }
    .btn1{
      width: 1.96rem;
      height: .61rem;
      background-image: url('//img10.360buyimg.com/imgzone/jfs/t1/59812/18/23077/2793/639d640fE06375b83/8242c25221a778b4.png');
      background-size: 100% 100%;
      margin-top: 4.2rem;
    }
  }
	.closeDiv {
		width: .55rem;
    height: .55rem;
    background-image: url('//img10.360buyimg.com/imgzone/jfs/t1/62477/6/22306/1308/639ab13eEaa8fba40/455db7234cbaad08.png');
	  background-size: 100% 100%;
	}
}
</style>
