鸿蒙加载html页面，css样式没生效

应用是离线包模式，通过编辑器打包后模拟器显示html页面，但是里面的样式完全没有生效，页面中的样式是通过less实现的，chrome://inspect/#devices 审查元素如下图（css文件都加载正确，且离线包资源就是通过vue的工具build出的，在ios和android端加载正常，本地启动服务页面也正常）

代码就是普通的vue三段式：

收起
自动换行
深色代码主题
复制
<template>
  <div class="wrap">
    <img :src="require('@/assets/logo.png')" />
    <div class="hint">Welcome</div>
    <a class="link">测试</a>

  </div>
</template>
<script>
export default {
  name: 'Main-Page',
  setup() {
    
  }
}
</script>
<style lang="less" scoped>
.wrap {
  display:flex;
  flex-direction: column;
  justify-content: center;
  align-items :center;
  margin-top: 150px;
  img {
    width: 200px;
    height: 200px;
  }
  .link {
    font-size: 20px;
    margin-top: 40px;
  }
  .hint {
    font-size: 30px;
  }
}

</style>