use-loadmore.vue 714 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  1. <template>
  2. <view class="use-loadmore padding-tb-sm dflex-c">
  3. <view v-if="type !== 'nomore'" class="iconfont iconxiangqing animated rotate margin-right-sm ft-base"></view>
  4. <text class="ft-dark">{{ tip || defaults[type] }}</text>
  5. </view>
  6. </template>
  7. <script>
  8. export default {
  9. props: {
  10. type: {
  11. type: String,
  12. default: "more"
  13. },
  14. tip: {
  15. type: String,
  16. default: ""
  17. },
  18. defaults: {
  19. type: Object,
  20. default () {
  21. return {
  22. more: '上拉显示更多',
  23. loading: '用云 · 让开发更简单',
  24. nomore: '已经到底了'
  25. }
  26. }
  27. }
  28. },
  29. data() {
  30. return {
  31. };
  32. },
  33. computed: {
  34. },
  35. methods: {
  36. }
  37. };
  38. </script>
  39. <style lang="scss">
  40. .use-loadmore {}
  41. </style>