<template>
  <div v-if="show">
    <div class="noticDiv">
      <div class="basicPopDiv">
        <div class="close-btn" @click="closeClick"></div>
        <div class="title">
          提示
        </div>
        <div class="contentBox">
          <div>{{noticMsg}}</div>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
import Vue from 'vue';
import {Toast } from 'vant';
Vue.use(Toast);
export default {
  data() {
    return {
      noticMsg:''
    };
  },
  created(){
    console.log(this.data, 'this.data123123');
    this.noticMsg = this.data
  },
  methods: {
    closeClick() {
      this.submit();
    },
    
  },
};
</script>
<style lang="scss" scoped>
.noticDiv {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba($color: #000000, $alpha: 0.7);
  top: 0;
  bottom: 0;
  z-index: 202;

  .basicPopDiv {
    position: absolute;
    width: 6.43rem;
    height: 5rem;
    background-image: url("//img10.360buyimg.com/imgzone/jfs/t1/368601/28/2595/160702/691d9740F4bc6e830/34cf364e5bc77c8b.png");
    background-size: 100% 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: .16rem;
    .title{
      font-size: .6rem;
      font-weight: bold;
      position: absolute;
      text-align: center;
      width: 100%;
      top: .3rem;
      color: #fff;
    }
    .close-btn {
      position: absolute;
      width: 0.45rem;
      height: 0.45rem;
      background: url("//img10.360buyimg.com/imgzone/jfs/t1/183690/31/37249/1097/64e2d8dcFb8273014/2bd869caeaf31168.png")
        no-repeat;
      background-size: 100% 100%;
      bottom: -0.8rem;
      left: 50%;
      transform: translateX(-50%);
    }
    .contentBox{
      width: 5.83rem;
      height: 3.25rem;
      background: #fff;
      border-radius: .3rem;
      margin: 0 auto;
      margin-top: 1.5rem;
      padding: .2rem;
      font-size: .24rem;
      display: flex;
      align-items: center;
      justify-content: center;
    }
  }
}
</style>
