<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>iconfont Demo</title>
<link
rel="shortcut icon"
href="//img.alicdn.com/imgextra/i2/O1CN01ZyAlrn1MwaMhqz36G_!!6000000001499-73-tps-64-64.ico"
type="image/x-icon"
/>
<link
rel="icon"
type="image/svg+xml"
href="//img.alicdn.com/imgextra/i4/O1CN01EYTRnJ297D6vehehJ_!!6000000008020-55-tps-64-64.svg"
/>
<link
rel="stylesheet"
href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css"
/>
<link rel="stylesheet" href="demo.css" />
<link rel="stylesheet" href="iconfont.css" />
<script src="iconfont.js"></script>
<!-- jQuery -->
<script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>
<!-- 代码高亮 -->
<script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script>
<style>
.main .logo {
margin-top: 0;
height: auto;
}
.main .logo a {
display: flex;
align-items: center;
}
.main .logo .sub-title {
margin-left: 0.5em;
font-size: 22px;
color: #fff;
background: linear-gradient(-45deg, #3967ff, #b500fe);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
</style>
</head>
<body>
<div class="main">
<h1 class="logo">
<a
href="https://www.iconfont.cn/"
title="iconfont 首页"
target="_blank"
>
<img
width="200"
src="https://img.alicdn.com/imgextra/i3/O1CN01Mn65HV1FfSEzR6DKv_!!6000000000514-55-tps-228-59.svg"
/>
</a>
</h1>
<div class="nav-tabs">
<ul id="tabs" class="dib-box">
<li class="dib active"><span>Unicode</span></li>
<li class="dib"><span>Font class</span></li>
<li class="dib"><span>Symbol</span></li>
</ul>
<a
href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=3519027"
target="_blank"
class="nav-more"
>查看项目</a
>
</div>
<div class="tab-container">
<div class="content unicode" style="display: block">
<ul class="icon_lists dib-box">
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">下箭头</div>
<div class="code-name">&#xe602;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">列表2</div>
<div class="code-name">&#xe600;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">电视剧</div>
<div class="code-name">&#xe604;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">订单</div>
<div class="code-name">&#xe737;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">向右1</div>
<div class="code-name">&#xe775;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">放大镜</div>
<div class="code-name">&#xe617;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">我的</div>
<div class="code-name">&#xe615;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">我的－代金券</div>
<div class="code-name">&#xe668;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">播放</div>
<div class="code-name">&#xe624;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">拍视频</div>
<div class="code-name">&#xe641;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">点赞</div>
<div class="code-name">&#xec7f;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">评论</div>
<div class="code-name">&#xe601;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">电影</div>
<div class="code-name">&#xe8ae;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">首页</div>
<div class="code-name">&#xe8c6;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">转发</div>
<div class="code-name">&#xe8a1;</div>
</li>
</ul>
<div class="article markdown">
<h2 id="unicode-">Unicode 引用</h2>
<hr />
<p>Unicode 是字体在网页端最原始的应用方式，特点是：</p>
<ul>
<li>
支持按字体的方式去动态调整图标大小，颜色等等。
</li>
<li>
默认情况下不支持多色，直接添加多色图标会自动去色。
</li>
</ul>
<blockquote>
<p>
注意：新版 iconfont
支持两种方式引用多色图标：SVG symbol
引用方式和彩色字体图标模式。（使用彩色字体图标需要在「编辑项目」中开启「彩色」选项后并�
课程设计基于Vue.js开发的简单仿猫眼电影APP源码+项目说明.zip （116个子文件） 
demo.css 8KB iconfont.css 1KB base.css 582B
demo_index.html 25KB index.html 670B favicon.ico 11KB vue_favicon.ico 4KB
bgbg.jpg 297KB ikun.jpg 70KB 201.jpg 34KB poster.jpg 9KB 102.jpg 8KB 0111.jpg 7KB iconfont.js 17KB index.js 4KB video.js 1KB http.js 1KB cinema.js 972B main.js 842B ticket.js 799B home.js 679B index.js 466B city.js 452B ready.js 425B search.js 413B detail.js 258B babel.config.js 234B classic.js 234B vue.config.js 194B package-lock.json 690KB iconfont.json 2KB package.json 709B jsconfig.json 279B 项目说明.md 1KB
m8.png 557KB m7.png 502KB m2.png 270KB m1.png 261KB m4.png 210KB m3.png 196KB m6.png 99KB m5.png 53KB m9.png 50KB no-cinema.png 40KB shouye.png 14KB maoyan_logo.png 11KB bottom-logo.png 9KB default-bg.png 9KB video-btn-play.png 7KB logo.png 7KB top1-reputation.png 5KB play-video.png 5KB bg.png 5KB video-praise.png 4KB poster-play.png 3KB today-no-show.png 3KB position.png 2KB movie-tag-3DIMAX.png 2KB movie-tag-2DIMAX.png 2KB v2dimax.png 2KB addr.png 2KB replying-comments.png 2KB tel.png 1KB pgradelog.png 1KB catlogo.png 1KB myCenter.png 1KB read-num.png 1KB refresh.png 1KB up.png 1KB movie-tag-3D.png 990B star.png 969B want-to-watch.png 916B v3d.png 907B store.png 900B love.png 884B user-star.png 858B movie.png 848B search.png 839B arrow-right-black.png 808B imax.png 735B locate.png 604B card.png 583B arrow-right.png 531B white-star.png 420B grey-star.png 371B pgraderight.png 259B loading.png 207B iconfont.ttf 5KB MovieDetial.vue 33KB CinemaDetail.vue 21KB MovieTicket.vue 18KB MySelect.vue 10KB CinemaTwo.vue 9KB MyPosition.vue 9KB CinemaThree.vue 7KB CinemaOne.vue 6KB CinemaInfo.vue 6KB MyMine.vue 6KB VideoPlay.vue 5KB Home.vue 5KB共 116 条
- 1
- 2
资源评论
.whl
- 粉丝: 3960
- 资源: 4908
最新资源
- 基于微信小程序的农产品自主供销小程序答辩PPT.ppt
- 基于微信小程序的“最多跑一次”微信小程序答辩PPT.ppt
- 基于微信小程序的面向企事业单位的项目申报小程序答辩PPT.ppt
- 基于微信小程序的数学辅导微信小程序答辩PPT.ppt
- 基于微信小程序的食堂线上预约点餐系统答辩PPT.ppt
- 基于微信小程序的书籍销售系统答辩PPT.ppt
- 基于微信小程序的校园订餐小程序答辩PPT.ppt
- 计算机语言学中marb算法的python实现
- 基于微信小程序的鲜花销售微信小程序答辩PPT.ppt
- 基于微信小程序的校园商铺系统答辩PPT.ppt
- 基于微信小程序的学生选课系统答辩PPT.ppt
- 基于微信小程序的校园失物招领答辩PPT.ppt
- 基于微信小程序的新冠疫苗预约小程序答辩PPT.ppt
- 基于微信小程序的医院核酸检测预约挂号微信小程序答辩PPT.ppt
- 基于微信小程序的学习资料销售平台答辩PPT.ppt
- 基于微信小程序的医院预约挂号系统小程序答辩PPT.ppt
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
