更新记录

1.0.6（2025-03-14） 下载此版本

去掉默认的背景颜色

1.0.5（2025-03-13） 下载此版本

更新使用文档

1.0.4（2025-03-13） 下载此版本

添加阻止事件冒泡的说明

平台兼容性

组件名: xt-icon

安装方式

本组件符合 easycom 规范，HBuilderX 3.1.0 起，只需将本组件导入项目，在页面 template 中即可直接使用，无需在页面中 import 和注册 components

注意事项

如何阻止事件冒泡

vue2：在组件上直接使用@click.native.stop，如：<xt-icon @click.native.stop='click'></xt-icon>; vue3：由于 vue3 没有native修饰符,所以不能直接在组件上使用.stop修饰符,只能嵌套一层view标签,在外层view上添加@click.stop阻止冒泡

基本用法

<template>
    <view class="icon">
        <xt-icon></xt-icon>
    </view>
</template>

xt-icon 属性

说明

1. 当 name 不为 xt 开头的内容,即当作图片显示
2. 图标集合在导入项目后的 文件夹中 , 用浏览器打开 图标集.html文件即可,点击对应图标即可复制