【报Bug】鸿蒙系统在含有部分emoji的组件中点击不生效

如果组件内包含特殊emoji (例子中为 class="group-name" , name为"? 新丁香管理总群" ), 在鸿蒙系统(版本见上传截图)上会导致整个组件的点击事件失效. 使用微信小程序原生组件无此问题.

❌️uni-app 有问题代码:

<view class="group-list">  
            <view v-for="(item, index) in displayList" :key="item.id" class="modern-card" hover-class="card-hover" @click="routPage(item)">  
                <view class="card-layout">  

                    <!-- 左侧：统一品牌色头像 -->  
                    <view class="avatar-wrap">  
                        <view class="avatar-box brand-avatar">  
                            {{ getAvatarChar(item.realName) }}  
                        </view>  
                    </view>  

                    <!-- 中间：核心内容 -->  
                    <view class="main-content">  
                        <view class="title-row">  
                            <text class="group-name">{{ item.realName || '未命名群组' }}</text>  
                            <!-- 状态胶囊移动至标题右侧，确保视觉重心统一 -->  
                            <view class="status-pill" :class="isNormalStatus(item) ? 'pill-success' : 'pill-danger'">  
                                {{ getStatusText(item.grStatus, item.botStatus, item.srvExpTime) }}  
                            </view>  
                        </view>  

                        <!-- 底部元数据：修复对齐与重叠 -->  
                        <view class="meta-row">  
                            <view class="meta-cell">  
                                <uni-icons type="person" size="14" color="#94A3B8" class="meta-icon"></uni-icons>  
                                <view class="meta-val">{{ item.masterName || '未知' }}</view>  
                            </view>  

                            <view class="meta-cell date-cell">  
                                <template v-if="isExpiring(item.srvExpTime)">  
                                    <view class="expiring-badge" :class="{'expired-badge': getRawExpDays(item.srvExpTime) < 0}">  
                                        <text class="expiring-text" :class="{'expired-text': getRawExpDays(item.srvExpTime) < 0}">  
                                            {{ getRawExpDays(item.srvExpTime) < 0 ? '已到期' : '⏳ 仅剩 ' + getRawExpDays(item.srvExpTime) + ' 天' }}  
                                        </text>  
                                    </view>  
                                    <view class="renew-btn" @click.stop="goToPay(item)">立即续费</view>  
                                </template>  
                                <template v-else>  
                                    <uni-icons type="calendar" size="14" color="#94A3B8" class="meta-icon"></uni-icons>  
                                    <view class="meta-val">{{ formatDate(item.srvExpTime) }}</view>  
                                </template>  
                            </view>  
                        </view>  
                    </view>  

                </view>  
            </view>  
        </view>

✅️微信小程序 无问题代码:

<template>  
  <view class="container">  
    <view style="padding: 20rpx; font-size: 28rpx; color: #666;">  
      {{msg1}}  
    </view>  
    <view style="padding: 20rpx; font-size: 28rpx; color: #666;">  
      {{msg2}}  
    </view>  

    <view style="margin-top: 40rpx;">  
      <test-card :name="emojiName"></test-card>  
      <test-card name="Normal Group"></test-card>  
    </view>  
  </view>  
</template>  

<script>  
export default {  
  data() {  
    return {  
      msg1: "这是 uni-app 页面，使用原生组件测试。",  
      msg2: "如果原生卡片能点，说明是 uni-app 事件机制问题。",  
      emojiName: "? 新丁香管理总群"  
    };  
  }  
};  
</script>