feat: (infiniteloading) isShowBottomTips 控制底部加载提示

xf2021 · Nov 10, 2020 · d9bdb5b · d9bdb5b
1 parent 6aa8a9a
commit d9bdb5b
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/src/packages/infiniteloading/doc.md b/src/packages/infiniteloading/doc.md
@@ -61,6 +61,7 @@ export default {
 | is-loading | 是否加载中 | Boolean | false
 | threshold | 距离底部多远加载 | Number | 200
 | is-showMod | 是否展示懒加载模块内容，一般适用于选项卡切换 | Boolean | false
+| is-show-bottom-tips | 是否展示底部加载提示 | Boolean | true
 | use-window | 将滚动侦听器添加到 window 否则侦听组件的父节点 | Boolean | true
 | use-capture | 是否使用捕获模式 true捕获 false冒泡 | Boolean | false
 | unload-more-txt | 没有更多数据展示文案 | String | 哎呀，这里是底部了啦' 

diff --git a/src/packages/infiniteloading/infiniteloading.vue b/src/packages/infiniteloading/infiniteloading.vue
@@ -2,7 +2,7 @@
   <div class="nut-infiniteloading" ref="scroller" @touchstart="touchStartHandle($event)" @touchmove="touchMoveHandle($event)">
     <slot></slot>
     <div class="load-more">
-      <div class="bottom-tips">
+      <div class="bottom-tips" v-if="isShowBottomTips">
         <template v-if="isLoading"> <i class="loading-hint"></i><span class="loading-txt">加载中...</span> </template>
         <span v-else-if="!hasMore" class="tips-txt">{{ unloadMoreTxt }}</span>
       </div>
@@ -37,6 +37,10 @@ export default {
       type: Boolean,
       default: false,
     },
+    isShowBottomTips: {
+      type: Boolean,
+      default: true,
+    },
     unloadMoreTxt: {
       type: String,
       default: '哎呀，这里是底部了啦',