Explorar o código

修复:mescroll组件tab切换时noMore样式异常

萤火科技 %!s(int64=4) %!d(string=hai) anos
pai
achega
1bcd58f9ac
Modificáronse 1 ficheiros con 16 adicións e 12 borrados
  1. 16 12
      components/mescroll-uni/mescroll-body.vue

+ 16 - 12
components/mescroll-uni/mescroll-body.vue

@@ -29,17 +29,21 @@
 			<!-- 空布局 -->
 			<mescroll-empty v-if="isShowEmpty" :option="mescroll.optUp.empty" @emptyclick="emptyClick"></mescroll-empty>
 
-			<!-- 上拉加载区域 (下拉刷新时不显示, 支付宝小程序子组件传参给子子组件仍报单项数据流的异常,暂时不通过mescroll-up组件实现)-->
-			<!-- <mescroll-up v-if="mescroll.optUp.use && !isDownLoading && upLoadType!==3" :option="mescroll.optUp" :type="upLoadType"></mescroll-up> -->
-			<view v-if="mescroll.optUp.use && !isDownLoading && upLoadType!==3" class="mescroll-upwarp" :style="{'background':mescroll.optUp.bgColor,'color':mescroll.optUp.textColor}">
-				<!-- 加载中 (此处不能用v-if,否则android小程序快速上拉可能会不断触发上拉回调) -->
-				<view v-show="upLoadType===1">
-					<view class="upwarp-progress mescroll-rotate" :style="{'border-color':mescroll.optUp.textColor}"></view>
-					<view class="upwarp-tip">{{ mescroll.optUp.textLoading }}</view>
-				</view>
-				<!-- 无数据 -->
-				<view v-if="upLoadType===2" class="upwarp-nodata">{{ mescroll.optUp.textNoMore }}</view>
-			</view>
+
+      <view class="mescroll-upwarp--container">
+        <!-- 上拉加载区域 (下拉刷新时不显示, 支付宝小程序子组件传参给子子组件仍报单项数据流的异常,暂时不通过mescroll-up组件实现)-->
+        <!-- <mescroll-up v-if="mescroll.optUp.use && !isDownLoading && upLoadType!==3" :option="mescroll.optUp" :type="upLoadType"></mescroll-up> -->
+        <view v-if="mescroll.optUp.use && !isDownLoading && upLoadType!==3" class="mescroll-upwarp" :style="{'background':mescroll.optUp.bgColor,'color':mescroll.optUp.textColor}">
+          <!-- 加载中 (此处不能用v-if,否则android小程序快速上拉可能会不断触发上拉回调) -->
+          <view v-show="upLoadType===1">
+            <view class="upwarp-progress mescroll-rotate" :style="{'border-color':mescroll.optUp.textColor}"></view>
+            <view class="upwarp-tip">{{ mescroll.optUp.textLoading }}</view>
+          </view>
+          <!-- 无数据 -->
+          <view v-if="upLoadType===2" class="upwarp-nodata">{{ mescroll.optUp.textNoMore }}</view>
+        </view>
+      </view>
+      
 		</view>
 		
 		<!-- 底部是否偏移TabBar的高度(默认仅在H5端的tab页生效) -->
@@ -341,7 +345,7 @@
 	};
 </script>
 
-<style>
+<style scoped>
 	@import "./mescroll-body.css";
 	@import "./components/mescroll-down.css";
 	@import './components/mescroll-up.css';