fix(harmony): 鸿蒙环境下隐藏 loading-cover 和 mescroll 上拉加载动画
- 鸿蒙 ArkUI 渲染引擎对 Vue 响应式条件渲染(v-if/v-show)支持不完善 - 导致 loading-cover 调用 hide() 后仍显示 - 导致 mescroll-uni 加载完成后 upLoadType 已变为0但视图不更新 - 通过条件编译 #ifdef MP-HARMONY 在鸿蒙环境下跳过这些组件的渲染 - 避免用户界面一直处于加载状态
This commit is contained in:
@@ -1,4 +1,8 @@
|
||||
<template>
|
||||
<!-- #ifdef MP-HARMONY -->
|
||||
<view></view>
|
||||
<!-- #endif -->
|
||||
<!-- #ifndef MP-HARMONY -->
|
||||
<view class="loading-layer" v-if="isShow">
|
||||
<view class="loading-anim" v-if="themeStyle">
|
||||
<view class="box item">
|
||||
@@ -6,6 +10,7 @@
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- #endif -->
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
||||
@@ -33,6 +33,7 @@
|
||||
<!-- <mescroll-empty v-if="isShowEmpty" :option="mescroll.optUp.empty" @emptyclick="emptyClick"></mescroll-empty> -->
|
||||
|
||||
<!-- 上拉加载区域 (下拉刷新时不显示, 支付宝小程序子组件传参给子子组件仍报单项数据流的异常,暂时不通过mescroll-up组件实现)-->
|
||||
<!-- #ifndef MP-HARMONY -->
|
||||
<!-- <mescroll-up v-if="mescroll.optUp.use && !isDownLoading" :option="mescroll.optUp" :type="upLoadType"></mescroll-up> -->
|
||||
<view v-if="mescroll.optUp.use && !isDownLoading" class="mescroll-upwarp">
|
||||
<!-- 加载中 (此处不能用v-if,否则android小程序快速上拉可能会不断触发上拉回调) -->
|
||||
@@ -44,6 +45,7 @@
|
||||
<!-- 无数据 -->
|
||||
<view v-if="upLoadType === 2" class="upwarp-nodata">{{ mescroll.optUp.textNoMore }}</view>
|
||||
</view>
|
||||
<!-- #endif -->
|
||||
</view>
|
||||
</scroll-view>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user