index.vue 665 B

12345678910111213141516171819202122232425262728293031323334353637
  1. <template>
  2. <div class="page-empty" :style="{'height':height,'margin-top':marginTop}">
  3. <u-empty text="暂无数据" textSize="26rpx" width="332rpx" height="332rpx" mode="order" :icon="imgBase+'img_empty.jpg'"></u-empty>
  4. </div>
  5. </template>
  6. <script>
  7. export default {
  8. props:{
  9. height:{
  10. typeof: String,
  11. default: '100vh'
  12. },
  13. marginTop:{
  14. typeof: String,
  15. default: '0px'
  16. }
  17. },
  18. data(){
  19. return {
  20. imgBase:this.$imgBase
  21. }
  22. },
  23. methods:{
  24. }
  25. }
  26. </script>
  27. <style scoped lang="less">
  28. .page-empty{
  29. width: 100%;
  30. display: flex;
  31. align-items: center;
  32. justify-content: center;
  33. }
  34. </style>