<template>
  <div class="none-wraper ta-c" v-if="show">
    <div>
      <img src="~images/none.png">
    </div>
    <p class="msg">{{message}}</p>
  </div>
</template>

<script>
export default {
  props: {
    show: {
      type: Boolean,
      default: false
    },
    message: {
      type: String,
      default: "未找到相关信息"
    }
  }
};
</script>

<style scoped lang="less">
.none-wraper {
  padding-top: 50px;
  padding-bottom: 50px;

  img {
    width: 150px;
  }

  .msg {
    margin-top: 10px;
    color: #b3b3b3;
    font-size: 15px;
  }
}
</style>
