首页 > 其他分享 >Taro 框架中使用iconfont 阿里巴巴矢量图标 class版

Taro 框架中使用iconfont 阿里巴巴矢量图标 class版

时间:2024-07-30 16:29:26浏览次数:9  
标签:Taro nut iconfont ui 使用 class 下载 图标

想必大家都知道这个图标库的 图标还是很多的‘

大家应该都也用过 

最进开发 Taro + nut-ui 的H5 移动端的时候 我发现一些图标我在组件库中找不到 我看到了nut-ui 中还有另一种使用方法

这个叫做 自定一图标 、

我来用实际操作 代码 来介绍一下 这个怎么使用 

我总结文章 

第一 给大家分享技术 

第二 自己做总结 因为总是忘记

① 选择好自己想要的图标 添加到项目

② 下载到本地

这里说明一下 很多的方式使用 我们在这里使用 下载文件的方式

下载下来文件 是这样的

③.在Taro 项目中引入

把下载的文件夹 放到 这个项目 目录中 文件夹

引入成功以后

④ 使用

就正如 在nut-ui 组件库中所说的那样 的使用方式

标签:Taro,nut,iconfont,ui,使用,class,下载,图标
From: https://blog.csdn.net/lele66688888/article/details/140799373

相关文章

  • 带 ClassVar 的通用类型别名
    我目前的类型注释看起来类似于以下内容,我想使用键入别名以免重复太多:类具有类变量,可以是:某些指定的类型,或一个函数(带参数)返回该相同的类型。classFoo(object):state:ClassVar[Union[str,Callable[[SomeObject],str]]]#st......
  • ChatGPT:Raw use of parameterized class ‘R‘ 是什么错误?
    ChatGPT:Rawuseofparameterizedclass‘R’是什么错误?“对参数化类‘R’的原始使用”在Java中,使用泛型类时应指定其类型参数,以确保类型安全和代码的可读性。如果没有指定类型参数而直接使用泛型类,就会出现Rawuseofparameterizedclass警告。例如,假设你有......
  • InputStream inputStream = classLoader.getResourceAsStream("aaa.properties") ; 
    问:InputStreaminputStream=classLoader.getResourceAsStream("aaa.properties"); 获取到的 inputStream 是null答:当您尝试使用ClassLoader的getResourceAsStream方法来获取一个资源文件(如"aaa.properties")的InputStream,但得到的结果是null时,这通常意味着资源文......
  • dataclass_transform() 得到了意外的关键字参数“field_specifiers”
    我正在尝试使用这个G2P包但我收到dataclass_transform()gotanunexpectedkeywordargument'field_specifiers'这个错误。我正在尝试运行他们在我的jupyter笔记本中运行后提供的示例代码。下面附有我收到错误的示例代码。有人可以帮我解决这个问题吗?......
  • Python SQLAlchemy 2.0 使用 dataclass_transform 非必需字段类型
    我刚刚在一个新项目上安装了SQLAlchemy2.0,我正在尝试使我的模型尽可能类型安全。通过使用@typing_extensions.dataclass_transform,我已经能够实现我想要实现的大部分目标类型检查,但是当前所有字段都被标记为不需要。例如:@typing_extensions.dataclass_tran......
  • 如何反转“dataclass.astuple”?
    我正在尝试从元组构造dataclasses的层次结构,如下所示:fromdataclassesimportastuple,dataclass@dataclassclassChild:name:str@dataclassclassParent:child:Child#thisiswhatIwantp=Parent(Child("Tim"))print(p)#thisiswhat......
  • vue 在当前页面按下enter键时 判断页面中是否存在enterclass这个class名 存在的话执行
    在Vue中,如果你想在当前页面监听Enter键的按下,并检查页面上是否存在具有特定类名(如enterclass)的元素,然后执行某个事件,你可以通过几种方法来实现。以下是一个示例,展示了如何结合使用Vue的事件监听、DOM操作和条件判断来完成这个任务。方法一:使用mounted生命周期钩子和全局事......
  • Hadoop(5-1) HBase 提示SLF4J: Class path contains multiple SLF4J bindings.
    Hadoop(5-1)HBase提示SLF4J:ClasspathcontainsmultipleSLF4Jbindings.问题描述在使用hbaseversion命令时,出现下列的警告信息 。SLF4J:ClasspathcontainsmultipleSLF4Jbindings.SLF4J:Foundbindingin[jar:file:/usr/local/hadoop-3.3.6/share/hadoop/com......
  • 深入理解 Java17 新特性:Sealed Classes
    0关键总结JavaSE15在2020年9月发布,预览功能引入“封闭类”(JEP360)封闭类是一种限制哪些其他类或接口可扩展它的类或接口类似枚举,封闭类在领域模型中捕获替代方案,允许程序员和编译器推理其穷尽性封闭类对于创建安全的层次结构也很有用,通过解耦可访问性和可扩展性,允许库开......
  • vue的数组变化侦测/计算属性/Class绑定/Style绑定
    1.数组变化侦测效果图单击push按钮后可增加其内容,直接显示在页面中单击concat按钮后修改数组,不直接显示在页面中,将数组赋值后显示addArrayt(){//不引起ul自动更新this.names.concat(["sakura"])//若不赋值则无法显示this.names=this.names.concat(["sakura"])}2.计......