hospital-accompaniment-wechat/components/empty/index.vue

<template>
  <view class="emptyBox" :style="'margin-top:'+marginTop+'px'">
    <img src="https://guess-shop.oss-cn-beijing.aliyuncs.com/static/online/img51.png" alt="">
    <view>{{text}}</view>
  </view>
</template>

<script>
export default {
  data () {
    return {

    }
  },
  props: {
    marginTop: {
      type: Number,
      default: 50
    },
    text: {
      type: String,
      default: '列表为空'
    }
  },
}
</script>

<style lang='scss' scoped>
.emptyBox {
  text-align: center;
  margin-top: 50px;
  image {
    width: 465rpx;
    height: 253rpx;
  }
  > view {
    color: #c0c4cc;
    font-size: 28rpx;
    margin-top: 30rpx;
  }
}
</style>