<template>
	<view>
		<u-popup :show="show" mode="center" bgColor="transparent">
		  <view class="reward col_c">
		    <image src="/static/images/sign-popup.png" mode="widthFix" class="reward-img" />
		    <view class="reward-info row_c">
				<text class="text">奖励</text>
				<text class="num">{{num}}</text>
				<text class="text">金币</text>
		    </view>
		    <view class="reward-button" @click="onclose"></view>
		  </view>
		</u-popup>
	</view>
</template>

<script>
export default {
  data() {
    return {
      num: 0,
      show: false
    }
  },
  methods: {
    onshow(value) {
      this.num = value
      this.show = true
    },
    onclose() {
      this.show = false
    }
  }
}
</script>

<style>
.reward {
	width: 300px;
	height: 440px;
	background-color: #f65d08;
}

.reward-img {
	position: absolute;
	left:0;
	right:0;
}

.reward-info {
	position: absolute;
	left:0;
	right:0;
	bottom: 180px;
}

.text {
	font-size: 16px;
	text-align: center;
}

.num {
	text-align: center;
	font-size: 20px;
	font-weight: 700;
	color: #f65d08;
}

.reward-button {
	position: absolute;
	left: 20px;
	right: 20px;
	height: 60px;
	bottom: 120px;
}
	
</style>