uniapp怎么引入css_uni-app关于自定义iconfont 本地引入 和 线上引入的两种方式-程序员宅基地
技术标签： uniapp怎么引入css
前言
写这个文章原因 就是 要考虑 uni-app打包成 ios或android -app 调试离线情况下 线上引入icon无法显示的原因；
就是uni-app iconfont 离线引入 本地引入
一、自定义iconfont
阿里巴巴矢量图标库 https://www.iconfont.cn ，创建项目，查找图标加入购物车后添加进自建项目内
二、线上引用
先点刷新提示红字后刷新在线代码，然后将代码 复制黏贴进 自己的 iconfont.css文件内
重点是 地址前面要加 https:
定义单个icon 后在页面内使用及css样式控制
.icon_refresh{
width: 50rpx;
height: 50rpx;
font-size: 50rpx;
}
三、本地引入
1.先下载成本地文件
2.解压打开后
初次移入文件，第二次移入时 iconfont.css 就不用了 只需要把 @font-face{} 相关代码复制覆盖 然后修改 本地引入路径
3.修改引入路径地址 ，一般是放在 静态文件static目录下
~@ 和具体个人项目inconfont相关文件的css路径引入地址,我这里是：
~@/static/css/
具体页面使用icon上同 线上引入
本文地址：https://blog.csdn.net/qq_29101609/article/details/108982850
希望与广大网友互动？？
点此进行留言吧！
智能推荐
eclipse统计项目代码总行数_eclipse统计代码总行数-程序员宅基地
文章浏览阅读5.3k次。今天闲着突然想看一下手上做的一个小项目的总代码行数，苦于在eclipse中并没有找到这个功能，于是搜索一下，方法如下：step 1、选中你的项目文件夹，然后菜单栏中点击“search--file”，按照下图的内容进行查找：然后在查找的界面就显示出了你的代码总行数注意这个行数其实是统计了你代码中的换行符号的个数，所以它会统计上你的注释等等所有带了换行符号的行数，所_eclipse统计代码总行数
float类型小数乘100后小数点位数变多问题_java float *100精度-程序员宅基地
文章浏览阅读7.9k次。在做项目过程中接口需要返回float类型的小数,前端页面需要显示成百分数形式, 在代码处理 float*100, 接口返回数据造成精度缺失 //服务查询float类型数据*100 float fat = iloviBodyDeviceRunDataService.getFat(param)*100; //fat=15.000001 ..._java float *100精度
[imx8mpevk] pcie endpoint test_device_remove: device '[email protected]' failed to-程序员宅基地
文章浏览阅读4.5k次。endpoint side1.root@imx8mpevk:~# ls /sys/class/pci_epc/33800000.pcie_eproot@imx8mpevk:~# ls /sys/kernel/config/pci_ep/controllers33800000.pcie_eproot@imx8mpevk:~#root@imx8mpevk:~#root@imx8mpevk:~# ls /sys/bus/pci-epf/driverspci_epf_testroot@imx..._device_remove: device '[email protected]' failed to remove, but children are
超高速PCIe实时运动控制卡与应用方案将亮相深圳慕尼黑华南电子展，激发产业新活力！-程序员宅基地
文章浏览阅读84次。超值大奖等你来拿！
SQL盲注_sql盲注分别有几种类型-程序员宅基地
文章浏览阅读1.1k次。说明学习思路，源自《白帽子讲Web安全》，lcamry《MySQL注入天书》1、盲注注入漏洞不显示来自数据库的报错信息，报错信息中只包含通用的错误提示，此时SQL注入将不能通过报错信息直观获取注入语句的执行结果，既是盲注（Blind Injection）。盲注时不能直观获取结果，但可以通过基于逻辑真假的不同页面表现，来进行结果的判断，从而达到数据获取的目的。盲注的大致分类有三种1、基于布尔的SQL盲注2、基于时间的SQL盲注3、基于报错的SQL盲注2、基于布尔的MySQL盲注基本思路是对获_sql盲注分别有几种类型
Flutter状态管理4-flutter_bloc使用和原理学习总结-程序员宅基地
文章浏览阅读5.4k次，点赞2次，收藏10次。flutter_bloc今天发布了4.0.0版本，现关于其使用和原理做一个简单的总结。flutter_bloc官网：https://github.com/felangel/blochttps://bloclibrary.dev/#/flutterbloccoreconcepts?id=flutter-bloc-core-conceptspub.dev上的介绍，包括了多个Examples：...
随便推点
SAP_ABAP_在SE11表中检查初始值initial value，ABAP中的初始值和空值_sap initial values-程序员宅基地
文章浏览阅读6.7k次。1、在开发中遇到这样的情况：一个表使用了一段时间之后需要增加一些字段，而表中已经存在数据了。2、SE16(N)查看数据时，SAP把具有初始值和空值的字段都显示为初始值，但是在查询语句中，它们在数据库中的行为是不一样的。_sap initial values
unity3d 虚拟现实在各行业的应用-程序员宅基地
文章浏览阅读2.4k次。http://cl314413.blog.163.com/blog/static/1905079762013213102820866/unity3d 虚拟现实在各行业的应用 2013-03-13 10:28:20| 分类：unity3d | 标签：unity3d |字号 订阅虚拟现实在城市规划中的应用 城市规划一直是对全新的可视
开启DNS加密时，报错“无法保存DNS/IP设置。请检查一个或多个设置，然后重试”_无法保存dns设置,请检查一个或多个-程序员宅基地
文章浏览阅读1.2k次。DNS设置、DNS加密_无法保存dns设置,请检查一个或多个
使用反射调用构造器创建对象_反射创建对象会调构造器吗-程序员宅基地
文章浏览阅读970次。构造器最大的作用:创建对象.为什么使用反射创建对象,为什么不直接来new呢?在框架中,提供给我们的都是字符串.-----------------------------------------------------------使用反射创建对象:步骤: 1);找到构造器所在类的字节码对象. 2):获取构造器对象. 3):使用反射,创建对象---_反射创建对象会调构造器吗
idea中 使用git 回退单个文件的版本_git回退单个文件到指定版本 idea-程序员宅基地
文章浏览阅读4.8k次，点赞3次，收藏15次。1.在要回退的文件右键查看历史版本2.找到要回退的版本复制版本号3打开终端输入一下命令,就看将文件退回到指定版本了git checkout git版本号 -- 文件名**文件路径获取方式：在文件点击鼠标右键->copy->copy path…->Path From Repository Root..._git回退单个文件到指定版本 idea
【Aurix系列学习】TC264D最小系统搭建—硬件配置引脚_vgate1n-程序员宅基地
文章浏览阅读10w+次，点赞17次，收藏97次。硬件配置作用硬件配置引脚是相对特殊的一组引脚，也是基本引脚配置的重点：单片机的启动，相信大家都配置过。像之前使用的STM32F103是通过三个启动引脚进行启动配置。而英飞凌的处理器XC系列的启动配置，一般是通过P10的一些引脚来完成。TC系列启动配置功能要更丰富，除了启动用到的，还有电源配置、引脚默认上下拉这些功能。启动意义是什么呢？一般单片机都会有一段启动代码，启动配置的是单片机开..._vgate1n