From 719d32b77b3c360bbfee54847b370b14f610bf41 Mon Sep 17 00:00:00 2001
From: ZF sun <34314687@qq.com>
Date: Fri, 5 Jun 2026 10:40:42 +0800
Subject: [PATCH] =?UTF-8?q?fix(harmony):=20=E9=B8=BF=E8=92=99=E7=8E=AF?=
 =?UTF-8?q?=E5=A2=83=E4=B8=8B=E9=9A=90=E8=97=8F=20loading-cover=20?=
 =?UTF-8?q?=E5=92=8C=20mescroll=20=E4=B8=8A=E6=8B=89=E5=8A=A0=E8=BD=BD?=
 =?UTF-8?q?=E5=8A=A8=E7=94=BB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 鸿蒙 ArkUI 渲染引擎对 Vue 响应式条件渲染(v-if/v-show)支持不完善
- 导致 loading-cover 调用 hide() 后仍显示
- 导致 mescroll-uni 加载完成后 upLoadType 已变为0但视图不更新
- 通过条件编译 #ifdef MP-HARMONY 在鸿蒙环境下跳过这些组件的渲染
- 避免用户界面一直处于加载状态
---
 components/loading-cover/loading-cover.vue | 235 +++++++++++----------
 components/mescroll/mescroll-uni.vue       |   2 +
 2 files changed, 122 insertions(+), 115 deletions(-)

diff --git a/components/loading-cover/loading-cover.vue b/components/loading-cover/loading-cover.vue
index 4bac381..c622505 100644
--- a/components/loading-cover/loading-cover.vue
+++ b/components/loading-cover/loading-cover.vue
@@ -1,115 +1,120 @@
-<template>
-	<view class="loading-layer" v-if="isShow">
-		<view class="loading-anim" v-if="themeStyle">
-			<view class="box item">
-				<view class="border out item" :style="{'border-left-color':themeStyle.main_color, 'border-top-color':themeStyle.main_color}"></view>
-			</view>
-		</view>
-	</view>
-</template>
-
-<script>
-export default {
-	name: 'loading-cover',
-	props: {
-		initShow: {
-			type: Boolean,
-			default: true
-		}
-	},
-	data() {
-		return {
-			isShow: true
-		};
-	},
-	components: {},
-	created() {
-		this.isShow = this.initShow;
-	},
-	methods: {
-		show() {
-			this.isShow = true;
-		},
-		hide() {
-			this.isShow = false;
-		}
-	}
-};
-</script>
-
-<style lang="scss">
-@keyframes spin {
-	from {
-		transform: rotate(0deg);
-	}
-
-	to {
-		transform: rotate(360deg);
-	}
-}
-.loading-layer {
-	width: 100%;
-	height: 100%;
-	position: fixed;
-	top: 0;
-	left: 0;
-	z-index: 997;
-	background: #f8f8f8;
-}
-
-.loading-anim {
-	position: absolute;
-	left: 50%;
-	top: 40%;
-	transform: translate(-50%, -50%);
-}
-
-.loading-anim > .item {
-	position: relative;
-	width: 70rpx;
-	height: 70rpx;
-	perspective: 1600rpx;
-	transform-style: preserve-3d;
-	transition: all 0.2s ease-out;
-}
-
-.loading-anim .border {
-	position: absolute;
-	border-radius: 50%;
-	border: 6rpx solid;
-}
-
-.loading-anim .out {
-	top: 15%;
-	left: 15%;
-	width: 70%;
-	height: 70%;
-	border-left-color: #FF4646;
-	border-right-color: #C5C5C5 !important;
-	// border-right-color: rgba($color: #000000, $alpha: 0) !important;
-	border-top-color: #FF4646 ;
-	border-bottom-color: #C5C5C5 !important;
-	// border-bottom-color: rgba($color: #000000, $alpha: 0) !important;
-	animation: spin 0.6s linear normal infinite;
-}
-
-.loading-anim .in {
-	top: 25%;
-	left: 25%;
-	width: 50%;
-	height: 50%;
-	border-top-color: transparent !important;
-	border-bottom-color: transparent !important;
-	animation: spin 0.8s linear infinite;
-}
-
-.loading-anim .mid {
-	top: 40%;
-	left: 40%;
-	width: 20%;
-	height: 20%;
-	border-left-color: transparent;
-	border-right-color: transparent;
-	animation: spin 0.6s linear infinite;
-}
-</style>
+<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">
+				<view class="border out item" :style="{'border-left-color':themeStyle.main_color, 'border-top-color':themeStyle.main_color}"></view>
+			</view>
+		</view>
+	</view>
+	<!-- #endif -->
+</template>
+
+<script>
+export default {
+	name: 'loading-cover',
+	props: {
+		initShow: {
+			type: Boolean,
+			default: true
+		}
+	},
+	data() {
+		return {
+			isShow: true
+		};
+	},
+	components: {},
+	created() {
+		this.isShow = this.initShow;
+	},
+	methods: {
+		show() {
+			this.isShow = true;
+		},
+		hide() {
+			this.isShow = false;
+		}
+	}
+};
+</script>
+
+<style lang="scss">
+@keyframes spin {
+	from {
+		transform: rotate(0deg);
+	}
+
+	to {
+		transform: rotate(360deg);
+	}
+}
+.loading-layer {
+	width: 100%;
+	height: 100%;
+	position: fixed;
+	top: 0;
+	left: 0;
+	z-index: 997;
+	background: #f8f8f8;
+}
+
+.loading-anim {
+	position: absolute;
+	left: 50%;
+	top: 40%;
+	transform: translate(-50%, -50%);
+}
+
+.loading-anim > .item {
+	position: relative;
+	width: 70rpx;
+	height: 70rpx;
+	perspective: 1600rpx;
+	transform-style: preserve-3d;
+	transition: all 0.2s ease-out;
+}
+
+.loading-anim .border {
+	position: absolute;
+	border-radius: 50%;
+	border: 6rpx solid;
+}
+
+.loading-anim .out {
+	top: 15%;
+	left: 15%;
+	width: 70%;
+	height: 70%;
+	border-left-color: #FF4646;
+	border-right-color: #C5C5C5 !important;
+	// border-right-color: rgba($color: #000000, $alpha: 0) !important;
+	border-top-color: #FF4646 ;
+	border-bottom-color: #C5C5C5 !important;
+	// border-bottom-color: rgba($color: #000000, $alpha: 0) !important;
+	animation: spin 0.6s linear normal infinite;
+}
+
+.loading-anim .in {
+	top: 25%;
+	left: 25%;
+	width: 50%;
+	height: 50%;
+	border-top-color: transparent !important;
+	border-bottom-color: transparent !important;
+	animation: spin 0.8s linear infinite;
+}
+
+.loading-anim .mid {
+	top: 40%;
+	left: 40%;
+	width: 20%;
+	height: 20%;
+	border-left-color: transparent;
+	border-right-color: transparent;
+	animation: spin 0.6s linear infinite;
+}
+</style>
diff --git a/components/mescroll/mescroll-uni.vue b/components/mescroll/mescroll-uni.vue
index 3d0ef07..3f896ce 100644
--- a/components/mescroll/mescroll-uni.vue
+++ b/components/mescroll/mescroll-uni.vue
@@ -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>