uniapp引入阿里图标库

简介: 平时项目开发肯定少不了图标的使用,除了自己定制图标库之外,再一个比较不错的就是使用阿里的图标库,这里包含了很多分类的图标,基本上你想用的图标它都有,不仅好看,使用起来也是非常方便的,下面一起来看看吧。
平时项目开发肯定少不了图标的使用,除了自己定制图标库之外,再一个比较不错的就是使用阿里的图标库,这里包含了很多分类的图标,基本上你想用的图标它都有,不仅好看,使用起来也是非常方便的,下面一起来看看吧。

1.官网挑选图标

官网地址:https://www.iconfont.cn/

你进入这个官网以后,挑选自己喜欢的图标后添加到自己的项目中,没有项目的随意建一个新的,新图标首先先加入购物车,然后到时候一块添加到项目中。

2.下载文件至本地

image-20220924175643508

3.安装依赖

npm install -g iconfont-tools
或
cnpm install -g iconfont-tools

4.执行文件

进入到下载文件目录中,执行下面的命令,然后按要求输入即可。

iconfont-tools

image-20220924180413512

5.使用图标

<view class="t-icon t-icon-dianzan"></view>

dianzan这个就是图标的代码,每个不同的图标都不一样,这个可以自己尝试一下。

目录
相关文章
|
4月前
|
前端开发 API UED
封装 uniapp 请求库的最佳实践
背景 在前端开发中,HTTP 请求是与服务器进行数据交互的核心手段。无论是获取数据还是提交数据,前端应用几乎都离不开 HTTP 请求。在 uniapp 中,uni.request 是官方提供的用于发起 HTTP 请求的基础 API。然而,直接使用 uni.request 存在一些问题和不足,比如: 1. 代码冗余:每次发起请求时都需要编写类似的配置代码,导致代码重复。 2. 缺乏统一管理:没有统一的地方管理请求参数、头信息、错误处理等,使得代码不易维护
141 7
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的试题库管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的试题库管理系统附带文章源码部署视频讲解等
116 1
|
JavaScript Java 测试技术
基于ssm+vue.js+uniapp小程序的课程案例库平台附带文章和源代码部署视频讲解等
基于ssm+vue.js+uniapp小程序的课程案例库平台附带文章和源代码部署视频讲解等
105 1
|
资源调度
uniapp引入vant组件库
uniapp引入vant组件库
3065 11
|
JavaScript API
uniapp中uview组件库Toast 消息提示 的使用方法
uniapp中uview组件库Toast 消息提示 的使用方法
1453 2
|
移动开发 小程序 API
uniapp中uview组件库的AlertTips 警告提示使用方法
uniapp中uview组件库的AlertTips 警告提示使用方法
570 2
|
移动开发 小程序 API
uniapp中uview组件库丰富的CountTo 数字滚动使用方法
uniapp中uview组件库丰富的CountTo 数字滚动使用方法
263 2
|
移动开发 小程序 API
uniapp中组件库Mask 遮罩层 的使用方法
uniapp中组件库Mask 遮罩层 的使用方法
1047 1
|
移动开发 小程序 API
uniapp组件库Card 卡片 的使用方法
uniapp组件库Card 卡片 的使用方法
652 1