<template>
  <div class="opencardDivAll">
    <div class="conten" >
      <button class="btn" @click="toOpenCard"></button>
    </div>
		<div class="closeDiv" @click="tocolseDiv"></div>
  </div>
</template>

<script>
export default{
  props:[],
  data(){
    return {
      
    }
  },
	created() {
	},
  mounted(){
  },
  methods:{
    toOpenCard(){
			this.$emit('toOpenCard','开卡');
    },
		tocolseDiv(){
			this.$emit('closeDiv');
		},
  }
}
</script>

<style lang='scss' scoped>
.opencardDivAll {
	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.49rem;
	  background-image: url('//img10.360buyimg.com/imgzone/jfs/t1/134798/39/32366/70360/63a134acE919cfc7f/9f6c743fe76c4fd4.png');
    background-size: 100% 100%;
    .btn{
      width: 1.96rem;
      height: .61rem;
      background-image: url('//img10.360buyimg.com/imgzone/jfs/t1/134376/23/32410/2692/63a134edEe7520a23/0d492e740699b186.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>
