uniapp使用iconfont

Posted GHUIJS

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了uniapp使用iconfont相关的知识,希望对你有一定的参考价值。

一、在样式中引入:

@import url('https://at.alicdn.com/t/font_2737874_x4f7uqo5a8.css');

二、模板标签上用:

<view class="checking-box">
	<p>本次课程</p>
	<view class="checking-status">未考勤</view>
	<view class="checking-btn">
		<span>去考勤</span>
		<i class="iconfont icon-you"></i>
	</view>
	<view class="checking">
		<i class="iconfont icon-jilu"></i>
		<view class="">考勤记录</view>
	</view>
</view>

效果:

不支持svg...

以上是关于uniapp使用iconfont的主要内容,如果未能解决你的问题,请参考以下文章

Uniapp使用iconfont

小程序开发uniapp引入iconfont图标及使用方式

uniapp中如何使用iconfont

uniapp使用iconfonts图标不显示以及颜色问题

uniapp使用iconfont

uniapp引入阿里巴巴矢量图标