mm-no-result.vue 541 B

12345678910111213141516171819202122232425262728293031323334
  1. <template>
  2. <!--暂无数据提示-->
  3. <div class="mm-no-result">
  4. <p class="mm-no-result-text">{{ title }}</p>
  5. </div>
  6. </template>
  7. <script>
  8. export default {
  9. name: 'MmNoResult',
  10. props: {
  11. // 无数据提示文本
  12. title: {
  13. type: String,
  14. default: ''
  15. }
  16. }
  17. }
  18. </script>
  19. <style lang="less">
  20. .mm-no-result {
  21. display: flex;
  22. justify-content: center;
  23. align-items: center;
  24. width: 100%;
  25. height: 100%;
  26. &-text {
  27. margin-top: 30px;
  28. font-size: @font_size_medium;
  29. color: @text_color;
  30. }
  31. }
  32. </style>