<!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
- 粉丝: 4203
最新资源
- 政府创新评估体系下，科技管理系统如何通过AI+数智应用从单纯的管理向“管理+服务”模式转型？.docx
- 政府科技服务升级，如何通过AI+数智应用平衡管理效率与深层次价值创造？.docx
- 政府科技服务中，传统管理系统为何难以满足需求？如何通过AI+数智应用解决？.docx
- 政府科技管理如何借助AI+数智应用打破传统模式，实现智能化升级？.docx
- 政府科技规划中的管理系统如何通过AI+数智应用突破“只管理不服务”的瓶颈？.docx
- 政府科技监测如何借助AI+数智应用科技管理系统实现智能化升级？.docx
- 政府科技监测中科技管理效率低下，如何通过AI+数智应用解决？.docx
- 政府科技评估中，如何通过AI+数智应用科技管理系统实现智能化升级？.docx
- 政府在创新规划中，如何借助AI+数智应用实现更高效的科技管理工作？.docx
- 资源型科技平台建设与运营中如何通过AI+数智应用解决资源丰富度问题？.docx
- 政府如何在科技创新决策中通过AI+数智应用实现高效管理与价值创造的双重目标？.docx
- 资源型科技平台如何借助AI+数智应用提升服务的专业性和有效性？.docx
- 基于粗糙集、C45 与 SVM 传统算法的 KDD99 数据集分析研究
- 基于 pytorch 和京东商品评价数据集的多模型文本分类研究
- AI+时代，如何利用创新科技管理重塑创新主体关系与变革科技创新平台模式？.docx
- AI+时代如何构建区域科技创新服务体系以解决科技平台的资源、服务和可持续性挑战？.docx
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
