<template>
  <div class="taskexchangeDivAll">
    <div class="conten" >
      <button class="btn" @click="toplaytask"></button>
    </div>
		<div class="closeDiv" @click="tocolseDiv"></div>
  </div>
</template>

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

<style lang='scss' scoped>
.taskexchangeDivAll {
	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: 4.05rem;
	  background-image: url('//img10.360buyimg.com/imgzone/jfs/t1/158162/31/33249/60066/63a268f8Ee954df3e/be06b373d43a3456.png');
    background-size: 100% 100%;
    .btn{
      width: 1.96rem;
      height: .61rem;
      background-image: url('//img10.360buyimg.com/imgzone/jfs/t1/216512/20/24089/2524/63a27920Ed94fc7df/276a96ae7a7bf562.png');
      background-size: 100% 100%;
      margin-top: 2.7rem;
    }
  }
	.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>
