<template>
    <view class="empty-root">
      <image
        class="img"
        :src="src"
        mode="scaleToFill"
      />
      <text class="text">{{ title }}</text>
      <slot></slot>
    </view>
  </template>
  
  <script>
  export default {
    props:{
        icon: {
            type:String,
            default:'kongzhuangtai',
        },
        size:{
            type:Number,
            default:150
        },
        title:{
            type:String,
            // default:'暂无数据'
            default:'暂无门店列表'
        },
        color:{
            type:String,
            default:'#7fc86c'
        },
        src:{
            type:String,
            default:'https://image.jxc4.com/image/d0adecd3671e8a1c2294783b22a46426.png'
        }
    }
  }
  </script>
  
  <style lang="scss" scoped>
  .empty-root {
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 999999;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  
    .img {
      width: 400rpx;
      height: 400rpx;
    }
  
    .text {
      color: v-bind(color);
      text-decoration: none;
      margin-top: -70rpx;
      text-align: center;
    }
  }
  </style>