uniapp中使用 iconfont字体

  1. 下载 iconfont 字体文件
    在这里插入图片描述
  2. 打开 iconfont.css 文件，修改一下
    在这里插入图片描述
  3. 把文件 复制到 static/iconfont/… 目录下
    在这里插入图片描述
  4. 在App.vue中引入iconfont

在这里插入图片描述
5. 使用iconfont 使用 iconfont 有两种方式， 一种是 class 方式， 一种是使用 unicode 的方式
5.1 使用 class 的方式
<text class="iconfont icon-a-2-LockOff"></text>
5.2 使用 unicode 的方式

<text class="iconfont">&#xe614;</text>
<text class="iconfont">{{'&#xe8d5'}}</text>

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如若转载，请注明出处：http://www.tpcf.cn/diannao/13508.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

【Mac】Dreamweaver 2021 for mac v21.3 Rid中文版安装教程

【Mac】Dreamweaver 2021 for mac v21.3 Rid中文版安装教程

软件介绍 Dreamweaver是Adobe公司开发的一款专业网页设计与前端开发软件。它集成了所见即所得&#xff08;WYSIWYG&#xff09;编辑器和代码编辑器&#xff0c;可以帮助开发者快速创建和编辑网页。Dreamweaver提供了丰富的功能和工具&#xff0c;包括代码提示、语法高亮、代码…
阅读更多...
51单片机学习（1）2-1点亮一个LED

51单片机学习（1）2-1点亮一个LED

#include <REGX52.H> void() { p20xFE;//1111 1110 while(1) { //让程序停了下来了。 } }
阅读更多...
教你一分钟搭建适合IT人员的在线开发工具箱

教你一分钟搭建适合IT人员的在线开发工具箱

文章目录 1. 使用Docker本地部署it-tools2. 本地访问it-tools3. 安装cpolar内网穿透4. 固定it-tools公网地址 本篇文章将介绍如何在Windows上使用Docker本地部署IT- Tools&#xff0c;并且同样可以结合cpolar实现公网访问。 在前一篇文章中我们讲解了如何在Linux中使用Docker搭…
阅读更多...
Anaconda Jupyter 报错及解决方法记录

Anaconda Jupyter 报错及解决方法记录

一、AttributeError: module lib has no attribute X509_V_FLAG_CB_ISSUER_CHECK 背景&#xff1a;Anaconda更新版本后&#xff0c;运行import oss2时报错 ~/anaconda3/lib/python3.8/site-packages/OpenSSL/crypto.py in X509StoreFlags() 1535 NOTIFY_POLICY _lib…
阅读更多...
【Java基础】集合(1) —— Collection

【Java基础】集合(1) —— Collection

存储不同类型的对象: Object[] arrnew object[5];数组的长度是固定的, 添加或删除数据比较耗时 集合: Object[] toArray可以存储不同类型的对象随着存储的对象的增加&#xff0c;会自动的扩容集合提供了非常丰富的方法&#xff0c;便于操纵集合相当于容器&#xff0c;可以存储多…
阅读更多...
探索Git之旅：仓库代码版本控制艺术

探索Git之旅：仓库代码版本控制艺术

探索Git之旅&#xff1a;仓库代码版本控制艺术 引言Git基础与核心概念什么是版本控制&#xff1f;Git的工作流程分布式特性 Git实战操作指南安装与配置克隆仓库日常操作分支管理解决冲突 高级技巧与最佳实践Git FlowGit钩子Git别名 安全与性能考量结语与引发讨论 引言 在软件开…
阅读更多...
冯喜运：5.16黄金是否突破阻力？黄金原油趋势分析

冯喜运：5.16黄金是否突破阻力？黄金原油趋势分析

【黄金消息面分析】&#xff1a;周四(5月16日)亚市盘中&#xff0c;现货黄金延续昨日升势&#xff0c;金价目前最高触及2397.44美元/盎司&#xff0c;为4月19日以来新高。FXStreet首席分析师Valeria Bednarik撰文&#xff0c;对黄金技术前景进行分析。Bednarik指出&#xff0c;…
阅读更多...
「51媒体」北京财经媒体有哪些？媒体邀约宣传

「51媒体」北京财经媒体有哪些？媒体邀约宣传

传媒如春雨&#xff0c;润物细无声&#xff0c;大家好&#xff0c;我是51媒体网胡老师。 北京作为中国的首都&#xff0c;拥有众多的财经媒体&#xff0c;这些媒体在财经新闻报道、经济分析、市场研究等方面发挥着重要作用。根据搜索结果&#xff0c;以下是一些北京地区的财经…
阅读更多...
富格林：曝光虚假套路规避亏损

富格林：曝光虚假套路规避亏损

富格林指出&#xff0c;在现货黄金市场中&#xff0c;交易时间很充足投资机会也多的是&#xff0c;但为什么还是有人亏损甚至爆仓呢&#xff1f;其实导致这种情况&#xff0c;是因为有一些投资者不知道其中的虚假套路&#xff0c;很容易就一头栽进去了。要规避虚假套路带来的亏…
阅读更多...
CV每日论文--2024.5.15

CV每日论文--2024.5.15

1、Can Better Text Semantics in Prompt Tuning Improve VLM Generalization? 中文标题&#xff1a;更好的文本语义在提示微调中能否提高视觉语言模型的泛化能力? 简介&#xff1a;这篇论文介绍了一种新的可学习提示调整方法,该方法超越了仅对视觉语言模型进行微调的传统方…
阅读更多...
Lazyboy品牌发布会“球幕气膜”

Lazyboy品牌发布会“球幕气膜”

Lazyboy品牌发布会“球幕气膜”为品牌活动提供了一个独特、现代化、环保的展示空间。这座球幕气膜不仅为发布会提供了一个视觉震撼的场地&#xff0c;也为与会嘉宾带来了全新的体验。作为轻空间&#xff08;江苏&#xff09;膜科技有限公司&#xff08;以下简称“轻空间”&…
阅读更多...
使用Docker在阿里云ECS上部署Gitlab，提供代码托管、CICD 和 docker镜像服务

使用Docker在阿里云ECS上部署Gitlab，提供代码托管、CICD 和 docker镜像服务

文章目录 使用Docker在阿里云ECS上部署Gitlab1.购买一个数据&#xff0c;挂载到/data用于存储gitlab相关数据2. 部署docker引擎3. 调整ssh的默认端口&#xff0c;将22端口留给gitlab4. 部署gitlab5. 进入docker容器获取gitlab的默认密码6. 登录gitlab&#xff0c;完成gitlab-ru…
阅读更多...
linux ndk编译搭建测试

linux ndk编译搭建测试

一、ndk下载 NDK 下载 | Android NDK | Android Developers 二、ndk环境变量配置 ndk解压&#xff1a; unzip android-ndk-r26d-linux.zip 环境变量配置&#xff1a; export NDK_HOME/rd/own/test/android-ndk-r26d/ export PATH$PATH:$NDK_HOME 三、编译测试验证 …
阅读更多...
虚函数应用和原理

虚函数应用和原理

虚函数的表现形式 用子类初始化父类指针, 调用虚函数时, 仍然调用的是子类的虚函数 测试代码如下 #include <iostream> #include <string.h>using namespace std;class A { public:void test() { cout << a << endl; };virtual void test2 (){ cout …
阅读更多...
LeetCode-2589. 完成所有任务的最少时间【栈 贪心 数组 二分查找 排序】

LeetCode-2589. 完成所有任务的最少时间【栈 贪心 数组 二分查找 排序】

LeetCode-2589. 完成所有任务的最少时间【栈 贪心 数组 二分查找 排序】 题目描述&#xff1a;解题思路一&#xff1a;贪心暴力解题思路二&#xff1a;栈二分查找解题思路三&#xff1a;简化版 题目描述&#xff1a; 你有一台电脑&#xff0c;它可以 同时 运行无数个任务。给你…
阅读更多...
解锁电商数据之门：京东商品详情API接口的深度解析与应用指南

解锁电商数据之门：京东商品详情API接口的深度解析与应用指南

一、京东商品详情API简介 京东商品详情API是京东开放平台提供的一项服务&#xff0c;允许第三方应用通过调用接口获取京东商城中商品的详细信息。这些信息包括但不限于商品名称、价格、库存、详情描述、用户评价等。 二、功能特点 数据全面&#xff1a;提供商品的全方位数据…
阅读更多...
mac安装两个版本谷歌浏览器；在mac运行不同版本的chrome浏览器

mac安装两个版本谷歌浏览器；在mac运行不同版本的chrome浏览器

场景 正常情况下&#xff0c;mac上只能安装一个版本的chrome浏览器&#xff0c;即使你安装了两个版本的&#xff0c;打开老旧版本时候也会自动切换成最新版的浏览器 故本文主要解决如何下载和在mac运行不同版本的chrome浏览器 文章目录 场景一、下载1.mac本身就有一个最新版ch…
阅读更多...
Java语言saas模式云HIS系统源码 前端Angular+后台SpringBoot云HIS系统源码 HIS系统适合哪些类型的医院？

Java语言saas模式云HIS系统源码 前端Angular+后台SpringBoot云HIS系统源码 HIS系统适合哪些类型的医院？

Java语言saas模式云HIS系统源码 前端Angular后台SpringBoot云HIS系统源码 HIS系统适合哪些类型的医院&#xff1f; 云HIS系统&#xff08;医院信息系统&#xff09;是对医院及其所属各部门的人、财、物进行综合管理&#xff0c;对在医疗活动各阶段产生的数据进行采集、储存、处…
阅读更多...
CCF20181201——小明上学

CCF20181201——小明上学

CCF20181201——小明上学 代码如下&#xff1a; #include<bits/stdc.h> using namespace std; int main() {int r,y,g,n,k[101],t[101],sum0;cin>>r>>y>>g;cin>>n; for(int i0;i<n;i){cin>>k[i]>>t[i];if(k[i]0||k[i]1)sumt[i];…
阅读更多...
ITSM的服务台如何让工作更流畅

ITSM的服务台如何让工作更流畅

在现代企业的信息技术管理框架内&#xff0c;IT服务管理&#xff08;IT Service Management, ITSM&#xff09;体系扮演着至关重要的角色&#xff0c;而其中的服务台则是这一复杂体系的心脏地带。服务台不仅仅是解答技术疑问的一线窗口&#xff0c;更是企业IT运维效率与用户满意…
阅读更多...
最新文章

Copyright @ 2022~2023