更新记录

1.0.0（2025-04-25） 下载此版本

支持展示鸿蒙图标

平台兼容性

鸿蒙原生icon

鸿蒙系统有很多原生组件，从 uni-app 4.62 版开始可以通过 uts 插件方式注册为 WebView 支持的原生组件，并且支持同层渲染。 本组件为 uniapp 在鸿蒙 Next 系统上的icon。

快速使用

基本示例，使用下面代码

<embed class="native-icon" tag="amen_ymwl_icon" :options='options' @click='onClick'></embed>

import "@/uni_modules/native-map";
export default {
  data() {
    return {
        options: {
            name: 'airplane_fill',
            fontSize: 64
        }
    };
  },
  methods: {
    onClick() {
        console.log('点击了图标')
    }
  }
};

参数配置

在 WebView 中使用 embed 来渲染原生组件，在 Vue 文件中使用的 embed 组件是经过 uni-app 封装的，更便于使用，支持传递额外的属性和事件。

属性

回调方法

开发文档

• UTS 语法
• UTS API 插件
• UTS uni-app 兼容模式组件
• UTS 标准模式组件
• Hello UTS
• uniapp 嵌入鸿蒙原生组件