noData.vue 823 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  1. <template>
  2. <div class="flex-box-v flex-v-zhu">
  3. <img src="../assets/image/nodata.png" style="width: 266px;height: 182px;margin: 30px auto;">
  4. <div class="fontColorF" v-if="!isSolt">{{content}}</div>
  5. <slot></slot>
  6. </div>
  7. </template>
  8. <!-- content:为提示内容 -->
  9. <!-- imgUrl:为空值显示图片 -->
  10. <!-- isSolt:是否显示自定义内容 -->
  11. <script>
  12. export default {
  13. name:'noData',
  14. props:{
  15. content:{
  16. type:String,
  17. default:'暂无数据'
  18. },
  19. isSolt:{
  20. type:Boolean,
  21. default:false
  22. }
  23. },
  24. data(){
  25. return{
  26. }
  27. },
  28. methods:{
  29. }
  30. }
  31. </script>
  32. <style scoped="scoped">
  33. .green{
  34. color: #67c23a;
  35. }
  36. .blue{
  37. color:#26a2ff;
  38. cursor: pointer;
  39. }
  40. .fontColorF{
  41. color:#909399;
  42. }
  43. </style>