1.主要原因是
APP端不支持img属性，需要用image

image有两种使用方式，最简单是这一种，直接使用

            <image
              src="../img/chatindex/33.png"
              mode="aspectFill"
              style="width: 20px; height: 20px"
            />

还有一种写法供参考，以导入图片的形态使用image

<view v-for="(expert, index) in expertList" :key="index">
              <image class="expert_img" :src="expert.avatar" mode="aspectFill"></image>
</view>
<script setup>
import head2Img from '../img/head2.webp'
import headImg from '../img/head.png'
import head3Img from '../img/head3.webp'
    expertList.value = [
      {
        name: '张医生',
        title: '树木诊断专家',
        avatar: head2Img,
        specialty: '树木病虫害诊断、树木健康评估',
        consultCount: 2156,
        rating: 4.9,
        online: true,
        intro:
          '毕业于北京林业大学，专注于树木病虫害防治研究，擅长各类树木疾病的诊断与治疗方案制定。曾参与多个城市绿化项目的树木健康管理工作。',
      },
      {
        name: '李医生',
        title: '环境分析专家',
        avatar: headImg,
        specialty: '土壤分析、环境评估、生态修复',
        consultCount: 1823,
        rating: 4.8,
        online: true,
        intro:
          '环境科学博士，专注于树木生长环境研究，擅长土壤改良、水质分析和生态环境优化。为多个园林项目提供专业的环境评估服务。',
      },
      {
        name: '王医生',
        title: '害虫园艺师',
        avatar: head3Img,
        specialty: '害虫防治、园艺养护、植物保护',
        consultCount: 1654,
        rating: 4.9,
        online: false,
        intro:
          '园艺学硕士，专注于树木害虫防治和园艺养护，擅长各类害虫识别与生物防治。倡导绿色环保的害虫防治理念，深受客户好评。',
      },
    ]
</script>