<template>
  <view>
    <u-mask :show="value" @click="$emit('input', false)">
      <view class="wrap" @tag.stop>
        <image class="icon" src="~@/static/toShare.png" mode="aspectFit"></image>
        <view class="text">
          请点击右上角
          <br>
          将它发送给指定朋友或分享到朋友圈
        </view>
      </view>
    </u-mask>
  </view>
</template>

<script>
export default {
  props: {
    value: {
      type: Boolean,
      default: false
    }
  },
  data() {
    return {
    };
  },
  onLoad() {
  },
}
</script>

<style lang="scss">
.wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  .icon {
    width: 200rpx;
    margin-right: 100rpx;
  }
  .text {
    color: #fff;
    font-weight: 600;
    font-size: 34rpx;
    text-align: right;
    padding: 20rpx 20rpx 0 0;
  }
}
</style>
