<template>
  <view class="box" v-if="ifnull" @click="close">
    <view class="mid">
      <view class="tittle">完善收货人信息</view>
      <view class="desc">您的收货人信息不完整，请完善收货人信息</view>
      <!-- <view class="btn">
        <img src="../../static/img/wechaticon.png" alt class="icon" />
        <text>一键获取微信地址</text>
      </view> -->
        <view class="btn1">
        <img src="../../static/img/addicon.png" alt class="icon" />
        <text>手动添加联系人信息</text>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  name: "ordersubNouser",
  data(){
      return {
              ifnull1:""
      }
  
  },
    props:{
        ifnull:{
            type:Boolean,
            value:""
        }
    },
    methods:{
        close(){
            this.ifnull1=false
            this.$emit("charge",this.ifnull1)
        }
    }
};
</script>

<style lang="scss">
.box {
  width: 100%;
  height: 100vh;
  // background-color: #7F7F7F;
  background-color: rgba(127, 127, 127, 0.5);
  position: absolute;
  top: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  // opacity:0.5;
  .mid {
    width: 539upx;
    height: 502upx;
    background-color: white;
    margin: 0 auto;
    border-radius: 5upx;
    .tittle {
      color: #333333;
      font-size: 32upx;
      font-size: 500;
      text-align: center;
      margin-top: 53upx;
      margin-bottom: 49upx;
    }
    .desc {
      color: #666666;
      font-size: 26upx;
      text-align: center;
    }
    .btn {
      width: 449upx;
      height: 95upx;
      background-color: #df3348;
      line-height: 95upx;
      display: flex;
      justify-content: center;
      color: white;
      font-size: 28upx;
      margin: 0 auto;
      margin-top: 36upx;
      .icon {
        width: 44upx;
        height: 45upx;
        margin: auto 0;
        margin-right: 7upx;
      }
    }
    .btn1 {
      width: 449upx;
      height: 95upx;
    border: 2px solid rgba(223,51,72,1);
       line-height: 95upx;
      display: flex;
      justify-content: center;
      color: #DF3348;
      font-size: 26upx;
      margin: 0 auto;
      margin-top: 36upx;
            .icon {
        width: 26upx;
        height: 26upx;
        margin: auto 0;
        margin-right: 18upx;
      }
    }
  }
}
</style>