更新记录

1.0.0.2（2025-12-25） 下载此版本

master

1.0.0.1（2025-12-25） 下载此版本

master

1.0.0（2025-12-24） 下载此版本

无

平台兼容性

uni-app(4.13)

安装

在市场导入xf-iconuni_modules版本的即可，无需import

组件关联说明

无xf-ui-package关联组件。

代码演示

插件使用

• 位于 uni_modules/xf-icon/components/xf-icon 导入插件后直接使用

  <xf-icon />

• 位于 uni_modules/xf-icon/static/xf-font 是图标字体库，更新只需替换ttf, scss两个文件库即可；

基本用法

• 使用组件代码如下：

  <template>
  <view>
      <xf-icon class="b-mt16" name="stop" :size="34"></xf-icon>
  </view>
  </template>

• vue 基础用法：icon的name值必须是代码中iconList的某个，每个值对应一个图标

  <script lang="ts" setup>
  import { computed } from 'vue';
  const iconList = computed(() => {
      return [
          'stop',
          'delete',
          'rotate',
          'download',
          'search',
          'question',
          'downfile',
          'upfile',
          'leftfile',
          'rightfile',
          'more',
          'edit',
          'zhankai',
          'shouqi',
          'juxing',
          'shouyebeifen',
          'information',
          'arrow',
          'warning',
          'close',
          'success',
          'left',
          'select',
          'down',
          'add',
          'refresh',
          'clear',
          'right',
          'up',
          'error',
          'info',
      ]
  })
  </script>

API

Props

事件 Emits