<template>
  <u-popup :show="show" mode="center" bgColor="transparent">
    <view class="reward">
      <image src="/static/images/sign-popup.png" mode="widthFix" class="reward-img" />
      <view class="reward-info">
		<text>金币+{{num}}</text>
      </view>
	  <button type="default" class="reward-button" @click="onclose">我知道了</button>
    </view>
  </u-popup>
</template>

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

<style lang="scss">
.reward {
width: 200px;
  height: 240px;
  position: relative;
  .reward-img {
    width: 100%;
  }
  .reward-info {
    width: 100%;
    padding: 0 20px;
    font-size: 16px;
	font-weight: 600;
    text-align: center;
    position: absolute;
	font-size: 28px;
	font-weight: 600;
	color: #F7484D;
    left: 0;
    bottom: 50px;
    .num {
      margin: 0 5px;
      font-size: 20px;
      font-weight: 700;
      color: #f65d08;
    }
  }
  .reward-button {
	width: 160px;
	height: 44px;
	color: #FFF;
	background: linear-gradient(180deg, #FF7246 0%, #FF4546 100%);
	border-radius: 22px;
	position: absolute;
	left: 20px;
	bottom: 4px;
  }
}
</style>