<template>
<view class="nodata">
  <image class="imgV" mode="aspectFit" src="./nodata.png" :style="'color:' + colors"></image>
  <view class="texts">
    {{title}}
  </view>
</view>
</template>

<script>

export default {
  data() {
    return {};
  },

  components: {},
  props: {
    title: {
      type: String,
      default: '暂无数据'
    },
    colors: {
      type: String
    }
  },
  methods: {}
};
</script>
<style scoped lang="scss">
.nodata{
  width: 100vw;
  height: 90vh;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.nodata .imgV{
  display: inline-block;
  width: 100px;
  height: 64px;
  margin-top: -120upx;
}
.texts{
  margin-top: 20upx;
  height: 40upx;
  line-height: 40upx;
  text-align: center;
  color: #9c9c9c;
  font-size: 24upx;
  letter-spacing: 5upx;
}
</style>