FarmingWx_V2_message/components/empty-view.vue

<template>
  <view class="empty-box">
    <image class="empty-img" :src="img" mode=""></image>
    <view class="title">{{ title }}</view>
    <slot name="bottomHtml"></slot>
  </view>
</template>

<script>
export default {
  name: "empty-view",
  props: {
    title: {
      type: String,
      default: "暂无数据",
    },
    img: {
      type: String,
      default:
        "https://qianzhiy-applet.oss-rg-china-mainland.aliyuncs.com/h5/images/static/empty.png",
    },
  },
  data() {
    return {};
  },
};
</script>

<style lang="scss" scoped>
.empty-box {
  text-align: center;

  .empty-img {
    width: 300upx;
    height: 232upx;
    margin-bottom: 34upx;
  }
}

.title {
  text-align: center;
  font-weight: 500;
  font-size: 32rpx;
  color: #666666;
  line-height: 44rpx;
  font-style: normal;
}
</style>