diff --git a/.gitignore b/.gitignore
index ebfe4395..80a536ca 100644
--- a/.gitignore
+++ b/.gitignore
@@ -4,6 +4,7 @@ logs
npm-debug.log*
yarn-debug.log*
yarn-error.log*
+yarn.lock
# Runtime data
pids
@@ -30,7 +31,7 @@ bower_components
.lock-wscript
# Compiled binary addons (https://nodejs.org/api/addons.html)
-build/Release
+build/
# Dependency directories
node_modules/
@@ -75,5 +76,7 @@ typings/
# FuseBox cache
.fusebox/
-#DynamoDB Local files
-.dynamodb/
+#DynamoDB Local files
+.dynamodb/
+
+.DS_Store
diff --git a/add.txt b/add.txt
new file mode 100644
index 00000000..8bd5bb1d
--- /dev/null
+++ b/add.txt
@@ -0,0 +1,34 @@
+
+新版tpi改动的文件:
+Index.js
+contex/TPIContextProvider.js
+page/main/LeftViewContainer.js
+taskList/TaskList.js
+TPMIndexHOC.js
+App.js
+CodeRepositoryViewContainer.js
+
+Index.js
+ choose={context.chooses}
+
+
+TPIContextProvider.js
+
+LeftViewContainer.js
+
+TaskList.js
+
+TPMIndexHOC.js
+
+MainContentContainer
+ 新:rep_content返回值多了一层 {content: '...'}
+
+
+
+
+TODO
+ 待同步
+ 1、timer图标样式更换
+ index.html
+ WebSSHTimer.css
+ WebSSHTimer.js
\ No newline at end of file
diff --git a/config/env.js b/config/env.js
new file mode 100644
index 00000000..905ee7d2
--- /dev/null
+++ b/config/env.js
@@ -0,0 +1,93 @@
+'use strict';
+
+const fs = require('fs');
+const path = require('path');
+const paths = require('./paths');
+
+// Make sure that including paths.js after env.js will read .env variables.
+delete require.cache[require.resolve('./paths')];
+
+const NODE_ENV = process.env.NODE_ENV;
+if (!NODE_ENV) {
+ throw new Error(
+ 'The NODE_ENV environment variable is required but was not specified.'
+ );
+}
+
+// https://github.com/bkeepers/dotenv#what-other-env-files-can-i-use
+var dotenvFiles = [
+ `${paths.dotenv}.${NODE_ENV}.local`,
+ `${paths.dotenv}.${NODE_ENV}`,
+ // Don't include `.env.local` for `test` environment
+ // since normally you expect tests to produce the same
+ // results for everyone
+ NODE_ENV !== 'test' && `${paths.dotenv}.local`,
+ paths.dotenv,
+].filter(Boolean);
+
+// Load environment variables from .env* files. Suppress warnings using silent
+// if this file is missing. dotenv will never modify any environment variables
+// that have already been set. Variable expansion is supported in .env files.
+// https://github.com/motdotla/dotenv
+// https://github.com/motdotla/dotenv-expand
+dotenvFiles.forEach(dotenvFile => {
+ if (fs.existsSync(dotenvFile)) {
+ require('dotenv-expand')(
+ require('dotenv').config({
+ path: dotenvFile,
+ })
+ );
+ }
+});
+
+// We support resolving modules according to `NODE_PATH`.
+// This lets you use absolute paths in imports inside large monorepos:
+// https://github.com/facebookincubator/create-react-app/issues/253.
+// It works similar to `NODE_PATH` in Node itself:
+// https://nodejs.org/api/modules.html#modules_loading_from_the_global_folders
+// Note that unlike in Node, only *relative* paths from `NODE_PATH` are honored.
+// Otherwise, we risk importing Node.js core modules into an app instead of Webpack shims.
+// https://github.com/facebookincubator/create-react-app/issues/1023#issuecomment-265344421
+// We also resolve them to make sure all tools using them work consistently.
+const appDirectory = fs.realpathSync(process.cwd());
+process.env.NODE_PATH = (process.env.NODE_PATH || '')
+ .split(path.delimiter)
+ .filter(folder => folder && !path.isAbsolute(folder))
+ .map(folder => path.resolve(appDirectory, folder))
+ .join(path.delimiter);
+
+// Grab NODE_ENV and REACT_APP_* environment variables and prepare them to be
+// injected into the application via DefinePlugin in Webpack configuration.
+const REACT_APP = /^REACT_APP_/i;
+
+function getClientEnvironment(publicUrl) {
+ const raw = Object.keys(process.env)
+ .filter(key => REACT_APP.test(key))
+ .reduce(
+ (env, key) => {
+ env[key] = process.env[key];
+ return env;
+ },
+ {
+ // Useful for determining whether we’re running in production mode.
+ // Most importantly, it switches React into the correct mode.
+ NODE_ENV: process.env.NODE_ENV || 'development',
+ // Useful for resolving the correct path to static assets in `public`.
+ // For example, .
+ // This should only be used as an escape hatch. Normally you would put
+ // images into the `src` and `import` them in code to get their paths.
+ PUBLIC_URL: '/forgeplus-react/build/.',
+ }
+ );
+ // Stringify all values so we can feed into Webpack DefinePlugin
+ const stringified = {
+ 'process.env': Object.keys(raw).reduce((env, key) => {
+ env[key] = JSON.stringify(raw[key]);
+ return env;
+ }, {}),
+ };
+
+ return { raw, stringified };
+}
+
+module.exports = getClientEnvironment;
diff --git a/config/jest/cssTransform.js b/config/jest/cssTransform.js
new file mode 100644
index 00000000..0f38ef80
--- /dev/null
+++ b/config/jest/cssTransform.js
@@ -0,0 +1,14 @@
+'use strict';
+
+// This is a custom Jest transformer turning style imports into empty objects.
+// http://facebook.github.io/jest/docs/en/webpack.html
+
+module.exports = {
+ process() {
+ return 'module.exports = {};';
+ },
+ getCacheKey() {
+ // The output is always the same.
+ return 'cssTransform';
+ },
+};
diff --git a/config/jest/fileTransform.js b/config/jest/fileTransform.js
new file mode 100644
index 00000000..7d4bc6ab
--- /dev/null
+++ b/config/jest/fileTransform.js
@@ -0,0 +1,12 @@
+'use strict';
+
+const path = require('path');
+
+// This is a custom Jest transformer turning file imports into filenames.
+// http://facebook.github.io/jest/docs/en/webpack.html
+
+module.exports = {
+ process(src, filename) {
+ return `module.exports = ${JSON.stringify(path.basename(filename))};`;
+ },
+};
diff --git a/config/paths.js b/config/paths.js
new file mode 100644
index 00000000..eca9f373
--- /dev/null
+++ b/config/paths.js
@@ -0,0 +1,55 @@
+'use strict';
+
+const path = require('path');
+const fs = require('fs');
+const url = require('url');
+
+// Make sure any symlinks in the project folder are resolved:
+// https://github.com/facebookincubator/create-react-app/issues/637
+const appDirectory = fs.realpathSync(process.cwd());
+const resolveApp = relativePath => path.resolve(appDirectory, relativePath);
+
+const envPublicUrl = process.env.PUBLIC_URL;
+
+function ensureSlash(path, needsSlash) {
+ const hasSlash = path.endsWith('/');
+ if (hasSlash && !needsSlash) {
+ return path.substr(path, path.length - 1);
+ } else if (!hasSlash && needsSlash) {
+ return `${path}/`;
+ } else {
+ return path;
+ }
+}
+
+const getPublicUrl = appPackageJson =>
+ envPublicUrl || require(appPackageJson).homepage;
+
+// We use `PUBLIC_URL` environment variable or "homepage" field to infer
+// "public path" at which the app is served.
+// Webpack needs to know it to put the right
+
+
+
+
+
+
+
+
+
+
+ - Unicode
+ - Font class
+ - Symbol
+
+
+
查看项目
+
+
+
+
+
+
+ -
+
+
编辑
+ 
+
+
+ -
+
+
绑定
+ 
+
+
+ -
+
+
播放
+ 
+
+
+ -
+
+
笔
+ 
+
+
+ -
+
+
警告
+ 
+
+
+ -
+
+
路标
+ 
+
+
+ -
+
+
日历
+ 
+
+
+ -
+
+
编辑
+ 
+
+
+ -
+
+
已关闭
+ 
+
+
+ -
+
+
已关闭
+ 
+
+
+ -
+
+
垃圾桶
+ 
+
+
+ -
+
+
点击量
+ 
+
+
+ -
+
+
播放
+ 
+
+
+ -
+
+
初始化
+ 
+
+
+ -
+
+
测试集
+ 
+
+
+ -
+
+
过滤器
+ 
+
+
+ -
+
+
加上2
+ 
+
+
+ -
+
+
减去2
+ 
+
+
+ -
+
+
加上
+ 
+
+
+ -
+
+
减去
+ 
+
+
+ -
+
+
删除
+ 
+
+
+ -
+
+
试卷
+ 
+
+
+ -
+
+
左右拖动
+ 
+
+
+ -
+
+
上下拖动
+ 
+
+
+ -
+
+
编组
+ 
+
+
+ -
+
+
复制
+ 
+
+
+ -
+
+
减号
+ 
+
+
+ -
+
+
试题栏
+ 
+
+
+ -
+
+
删除
+ 
+
+
+ -
+
+
解析
+ 
+
+
+ -
+
+
公开
+ 
+
+
+ -
+
+
编辑
+ 
+
+
+ -
+
+
放大
+ 
+
+
+ -
+
+
缩小
+ 
+
+
+ -
+
+
下箭头
+ 
+
+
+ -
+
+
向上 箭头
+ 
+
+
+ -
+
+
SDK问题
+ 
+
+
+ -
+
+
创建者
+ 
+
+
+ -
+
+
书
+ 
+
+
+ -
+
+
标签
+ 
+
+
+ -
+
+
记录
+ 
+
+
+ -
+
+
推荐
+ 
+
+
+ -
+
+
警告
+ 
+
+
+ -
+
+
点赞
+ 
+
+
+ -
+
+
评论
+ 
+
+
+ -
+
+
对勾
+ 
+
+
+ -
+
+
提示
+ 
+
+
+ -
+
+
编辑_Hover
+ 
+
+
+ -
+
+
上移_Hover
+ 
+
+
+ -
+
+
删除_默认
+ 
+
+
+ -
+
+
下移_Hover
+ 
+
+
+ -
+
+
删除_Hover
+ 
+
+
+ -
+
+
下移_默认
+ 
+
+
+ -
+
+
编辑_默认
+ 
+
+
+ -
+
+
恢复初始代码
+ 
+
+
+ -
+
+
再次载入
+ 
+
+
+ -
+
+
开关
+ 
+
+
+ -
+
+
目录
+ 
+
+
+ -
+
+
缩小
+ 
+
+
+ -
+
+
扩大
+ 
+
+
+ -
+
+
设置
+ 
+
+
+ -
+
+
隐藏
+ 
+
+
+ -
+
+
消息
+ 
+
+
+ -
+
+
金币
+ 
+
+
+ -
+
+
显示密码
+ 
+
+
+ -
+
+
隐藏密码
+ 
+
+
+ -
+
+
复制
+ 
+
+
+ -
+
+
文件
+ 
+
+
+ -
+
+
文件夹
+ 
+
+
+ -
+
+
上传
+ 
+
+
+ -
+
+
挑战
+ 
+
+
+ -
+
+
右滑
+ 
+
+
+ -
+
+
解锁
+ 
+
+
+ -
+
+
锁
+ 
+
+
+ -
+
+
搜索
+ 
+
+
+ -
+
+
笔记
+ 
+
+
+ -
+
+
置顶
+ 
+
+
+ -
+
+
类型
+ 
+
+
+ -
+
+
标签尖头
+ 
+
+
+ -
+
+
加载失败
+ 
+
+
+ -
+
+
企业账号
+ 
+
+
+ -
+
+
个人账号
+ 
+
+
+ -
+
+
省略号
+ 
+
+
+ -
+
+
上箭头-填充
+ 
+
+
+ -
+
+
完成
+ 
+
+
+ -
+
+
禁止
+ 
+
+
+ -
+
+
标签
+ 
+
+
+ -
+
+
记录
+ 
+
+
+ -
+
+
书
+ 
+
+
+ -
+
+
推荐
+ 
+
+
+ -
+
+
创建者
+ 
+
+
+ -
+
+
绑定手机号
+ 
+
+
+ -
+
+
浏览
+ 
+
+
+ -
+
+
评论
+ 
+
+
+ -
+
+
博客园
+ 
+
+
+ -
+
+
关注
+ 
+
+
+ -
+
+
关注
+ 
+
+
+ -
+
+
统计
+ 
+
+
+ -
+
+
主页
+ 
+
+
+ -
+
+
复制
+ 
+
+
+ -
+
+
project@1x
+ 
+
+
+ -
+
+
hosting@1x
+ 
+
+
+ -
+
+
community@1x
+ 
+
+
+ -
+
+
detection@1x
+ 
+
+
+ -
+
+
链接
+ 
+
+
+ -
+
+
nenghaofenxi@1x
+ 
+
+
+ -
+
+
healthmode
+ 
+
+
+ -
+
+
社区
+ 
+
+
+ -
+
+
工程
+ 
+
+
+ -
+
+
单选 选中
+ 
+
+
+ -
+
+
活动
+ 
+
+
+ -
+
+
menu_3voucher
+ 
+
+
+ -
+
+
menu_3events
+ 
+
+
+ -
+
+
menu_4map
+ 
+
+
+ -
+
+
menu_people1
+ 
+
+
+ -
+
+
menu_5date1
+ 
+
+
+ -
+
+
yunweijiankong
+ 
+
+
+ -
+
+
gongyiliucheng
+ 
+
+
+ -
+
+
zhiliangkongzhi
+ 
+
+
+ -
+
+
shebeiguanli
+ 
+
+
+ -
+
+
shengmingzhouqi
+ 
+
+
+ -
+
+
无权限
+ 
+
+
+ -
+
+
学习中心
+ 
+
+
+ -
+
+
课程
+ 
+
+
+ -
+
+
身份认证
+ 
+
+
+ -
+
+
实名认证
+ 
+
+
+ -
+
+
Page-1 (2)
+ 
+
+
+ -
+
+
Page-3
+ 
+
+
+ -
+
+
Page2
+ 
+
+
+ -
+
+
消息
+ 
+
+
+ -
+
+
编辑
+ 
+
+
+ -
+
+
职业认证
+ 
+
+
+ -
+
+
实名认证
+ 
+
+
+ -
+
+
用户、角色_无数据
+ 
+
+
+ -
+
+
排序
+ 
+
+
+ -
+
+
无
+ 
+
+
+ -
+
+
手机
+ 
+
+
+ -
+
+
银行卡
+ 
+
+
+ -
+
+
设置
+ 
+
+
+ -
+
+
名片
+ 
+
+
+ -
+
+
警告
+ 
+
+
+ -
+
+
隐藏
+ 
+
+
+ -
+
+
喇叭
+ 
+
+
+ -
+
+
客户留言
+ 
+
+
+ -
+
+
粗版2_上传云端
+ 
+
+
+ -
+
+
隐藏
+ 
+
+
+ -
+
+
显示
+ 
+
+
+ -
+
+
认证信息
+ 
+
+
+ -
+
+
gs-beixiao-icon-基本信息
+ 
+
+
+ -
+
+
安全设置
+ 
+
+
+ -
+
+
模板
+ 
+
+
+ -
+
+
下载
+ 
+
+
+ -
+
+
edit
+ 
+
+
+ -
+
+
添加成员
+ 
+
+
+ -
+
+
提示
+ 
+
+
+ -
+
+
标签
+ 
+
+
+ -
+
+
三点
+ 
+
+
+ -
+
+
复制
+ 
+
+
+ -
+
+
章节
+ 
+
+
+ -
+
+
添加导航
+ 
+
+
+ -
+
+
上传图片
+ 
+
+
+ -
+
+
pdf
+ 
+
+
+ -
+
+
设置
+ 
+
+
+ -
+
+
质量分析
+ 
+
+
+ -
+
+
实训带背景
+ 
+
+
+ -
+
+
成功
+ 
+
+
+ -
+
+
trustie
+ 
+
+
+ -
+
+
20从属连接
+ 
+
+
+ -
+
+
重置
+ 
+
+
+ -
+
+
时间
+ 
+
+
+ -
+
+
qq
+ 
+
+
+ -
+
+
CSDN
+ 
+
+
+ -
+
+
微博
+ 
+
+
+ -
+
+
微信
+ 
+
+
+ -
+
+
Stack Overflow
+ 
+
+
+ -
+
+
linkedin
+ 
+
+
+ -
+
+
github
+ 
+
+
+ -
+
+
net
+ 
+
+
+ -
+
+
mstest
+ 
+
+
+ -
+
+
vs
+ 
+
+
+ -
+
+
base
+ 
+
+
+ -
+
+
登录Ip监控
+ 
+
+
+ -
+
+
itsm3-流程管理
+ 
+
+
+ -
+
+
reset
+ 
+
+
+ -
+
+
重置
+ 
+
+
+ -
+
+
减
+ 
+
+
+ -
+
+
time_fill
+ 
+
+
+ -
+
+
代码配置r
+ 
+
+
+ -
+
+
路由
+ 
+
+
+ -
+
+
智能监控体系
+ 
+
+
+ -
+
+
PHP开发
+ 
+
+
+ -
+
+
SQL server
+ 
+
+
+ -
+
+
mongodb
+ 
+
+
+ -
+
+
css3
+ 
+
+
+ -
+
+
html5
+ 
+
+
+ -
+
+
linux
+ 
+
+
+ -
+
+
大数据存储
+ 
+
+
+ -
+
+
VPN
+ 
+
+
+ -
+
+
jquery
+ 
+
+
+ -
+
+
docker
+ 
+
+
+ -
+
+
python
+ 
+
+
+ -
+
+
php
+ 
+
+
+ -
+
+
java
+ 
+
+
+ -
+
+
mysql
+ 
+
+
+ -
+
+
位置
+ 
+
+
+ -
+
+
fork
+ 
+
+
+ -
+
+
加
+ 
+
+
+ -
+
+
更多
+ 
+
+
+ -
+
+
银行卡
+ 
+
+
+ -
+
+
坐标
+ 
+
+
+ -
+
+
round_close
+ 
+
+
+ -
+
+
round_add_fill
+ 
+
+
+ -
+
+
添加
+ 
+
+
+ -
+
+
三角形
+ 
+
+
+ -
+
+
锁
+ 
+
+
+ -
+
+
毕业 [转换]
+ 
+
+
+ -
+
+
菜单
+ 
+
+
+ -
+
+
问号
+ 
+
+
+ -
+
+
钻石
+ 
+
+
+ -
+
+
旗帜
+ 
+
+
+ -
+
+
附件
+ 
+
+
+ -
+
+
设置
+ 
+
+
+ -
+
+
完成勾选
+ 
+
+
+ -
+
+
新增提示
+ 
+
+
+ -
+
+
关闭
+ 
+
+
+ -
+
+
坐标
+ 
+
+
+ -
+
+
邮件
+ 
+
+
+ -
+
+
电话
+ 
+
+
+ -
+
+
三角形-down
+ 
+
+
+ -
+
+
三角形-up
+ 
+
+
+ -
+
+
下降
+ 
+
+
+ -
+
+
下降
+ 
+
+
+ -
+
+
实星
+ 
+
+
+ -
+
+
空星
+ 
+
+
+ -
+
+
学院管理员
+ 
+
+
+ -
+
+
更多
+ 
+
+
+ -
+
+
向下移
+ 
+
+
+ -
+
+
向上移
+ 
+
+
+ -
+
+
成员管理
+ 
+
+
+ -
+
+
菜单
+ 
+
+
+ -
+
+
试卷
+ 
+
+
+ -
+
+
动态
+ 
+
+
+ -
+
+
问卷
+ 
+
+
+ -
+
+
讨论
+ 
+
+
+ -
+
+
分班
+ 
+
+
+ -
+
+
普通作业
+ 
+
+
+ -
+
+
分组作业
+ 
+
+
+ -
+
+
编辑带背景
+ 
+
+
+ -
+
+
播放
+ 
+
+
+ -
+
+
完成
+ 
+
+
+ -
+
+
左键头
+ 
+
+
+ -
+
+
右键头
+ 
+
+
+ -
+
+
上键头
+ 
+
+
+ -
+
+
展开
+ 
+
+
+ -
+
+
收缩
+ 
+
+
+ -
+
+
公告
+ 
+
+
+ -
+
+
文件
+ 
+
+
+ -
+
+
回复
+ 
+
+
+ -
+
+
分支
+ 
+
+
+ -
+
+
网址克隆
+ 
+
+
+ -
+
+
下载
+ 
+
+
+ -
+
+
代码
+ 
+
+
+ -
+
+
提交记录
+ 
+
+
+ -
+
+
选择题
+ 
+
+
+ -
+
+
编辑
+ 
+
+
+ -
+
+
向上
+ 
+
+
+ -
+
+
删除掉
+ 
+
+
+ -
+
+
上升排序
+ 
+
+
+ -
+
+
版本库
+ 
+
+
+ -
+
+
issue
+ 
+
+
+ -
+
+
上传图片
+ 
+
+
+ -
+
+
测评
+ 
+
+
+ -
+
+
qq在线咨询
+ 
+
+
+ -
+
+
二维码
+ 
+
+
+ -
+
+
意见反馈
+ 
+
+
+ -
+
+
邮箱认证
+ 
+
+
+ -
+
+
手机认证
+ 
+
+
+ -
+
+
职业认证
+ 
+
+
+ -
+
+
身份认证
+ 
+
+
+ -
+
+
评分
+ 
+
+
+ -
+
+
评分-线
+ 
+
+
+ -
+
+
作业
+ 
+
+
+ -
+
+
提示错误
+ 
+
+
+ -
+
+
资源
+ 
+
+
+ -
+
+
提示
+ 
+
+
+ -
+
+
成员
+ 
+
+
+ -
+
+
旋转
+ 
+
+
+ -
+
+
实训
+ 
+
+
+ -
+
+
缩小
+ 
+
+
+ -
+
+
下箭头
+ 
+
+
+ -
+
+
勾选
+ 
+
+
+ -
+
+
浏览眼
+ 
+
+
+ -
+
+
经验
+ 
+
+
+ -
+
+
实训关卡
+ 
+
+
+ -
+
+
发布
+ 
+
+
+ -
+
+
向下移动
+ 
+
+
+ -
+
+
向上移动
+ 
+
+
+ -
+
+
关闭
+ 
+
+
+ -
+
+
新建
+ 
+
+
+ -
+
+
消息铃铛
+ 
+
+
+ -
+
+
搜索
+ 
+
+
+ -
+
+
添加 放大
+ 
+
+
+ -
+
+
奖励
+ 
+
+
+ -
+
+
删除
+ 
+
+
+ -
+
+
隐藏闭眼
+ 
+
+
+ -
+
+
开锁
+ 
+
+
+ -
+
+
关锁
+ 
+
+
+ -
+
+
tpi消息提醒
+ 
+
+
+ -
+
+
点赞
+ 
+
+
+ -
+
+
点赞-线
+ 
+
+
+ -
+
+
返回上次代码
+ 
+
+
+ -
+
+
重置
+ 
+
+
+ -
+
+
睁眼
+ 
+
+
+ -
+
+
expand
+ 
+
+
+ -
+
+
compress
+ 
+
+
+ -
+
+
礼物
+ 
+
+
+ -
+
+
点赞2
+ 
+
+
+ -
+
+
点赞1
+ 
+
+
+ -
+
+
礼物
+ 
+
+
+ -
+
+
消息
+ 
+
+
+ -
+
+
撤销
+ 
+
+
+ -
+
+
文件夹
+ 
+
+
+
+
+
Unicode 引用
+
+
+
Unicode 是字体在网页端最原始的应用方式,特点是:
+
+ - 兼容性最好,支持 IE6+,及所有现代浏览器。
+ - 支持按字体的方式去动态调整图标大小,颜色等等。
+ - 但是因为是字体,所以不支持多色。只能使用平台里单色的图标,就算项目里有多色图标也会自动去色。
+
+
+ 注意:新版 iconfont 支持多色图标,这些多色图标在 Unicode 模式下将不能使用,如果有需求建议使用symbol 的引用方式
+
+
Unicode 使用步骤如下:
+
第一步:拷贝项目下面生成的 @font-face
+
@font-face {
+ font-family: 'iconfont';
+ src: url('iconfont.eot');
+ src: url('iconfont.eot?#iefix') format('embedded-opentype'),
+ url('iconfont.woff2') format('woff2'),
+ url('iconfont.woff') format('woff'),
+ url('iconfont.ttf') format('truetype'),
+ url('iconfont.svg#iconfont') format('svg');
+}
+
+
第二步:定义使用 iconfont 的样式
+
.iconfont {
+ font-family: "iconfont" !important;
+ font-size: 16px;
+ font-style: normal;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+}
+
+
第三步:挑选相应图标并获取字体编码,应用于页面
+
+<span class="iconfont">3</span>
+
+
+ "iconfont" 是你项目下的 font-family。可以通过编辑项目查看,默认是 "iconfont"。
+
+
+
+
+
+
+ -
+
+
+ 编辑
+
+ .icon-bianji4
+
+
+
+ -
+
+
+ 绑定
+
+ .icon-bangding
+
+
+
+ -
+
+
+ 播放
+
+ .icon-bofang2
+
+
+
+ -
+
+
+ 笔
+
+ .icon-weibiaoti1
+
+
+
+ -
+
+
+ 警告
+
+ .icon-jinggao2
+
+
+
+ -
+
+
+ 路标
+
+ .icon-lubiaosignpost3
+
+
+
+ -
+
+
+ 日历
+
+ .icon-rili
+
+
+
+ -
+
+
+ 编辑
+
+ .icon-bianji3
+
+
+
+ -
+
+
+ 已关闭
+
+ .icon-yiguanbi
+
+
+
+ -
+
+
+ 已关闭
+
+ .icon-yiguanbi1
+
+
+
+ -
+
+
+ 垃圾桶
+
+ .icon-lajitong
+
+
+
+ -
+
+
+ 点击量
+
+ .icon-dianjiliang
+
+
+
+ -
+
+
+ 播放
+
+ .icon-bofang1
+
+
+
+ -
+
+
+ 初始化
+
+ .icon-chushihua
+
+
+
+ -
+
+
+ 测试集
+
+ .icon-ceshiji
+
+
+
+ -
+
+
+ 过滤器
+
+ .icon-guolvqi
+
+
+
+ -
+
+
+ 加上2
+
+ .icon-jiashang1
+
+
+
+ -
+
+
+ 减去2
+
+ .icon-jianqu1
+
+
+
+ -
+
+
+ 加上
+
+ .icon-jiashang
+
+
+
+ -
+
+
+ 减去
+
+ .icon-jianqu
+
+
+
+ -
+
+
+ 删除
+
+ .icon-shanchu2
+
+
+
+ -
+
+
+ 试卷
+
+ .icon-shijuan1
+
+
+
+ -
+
+
+ 左右拖动
+
+ .icon-zuoyoutuodong
+
+
+
+ -
+
+
+ 上下拖动
+
+ .icon-shangxiatuodong
+
+
+
+ -
+
+
+ 编组
+
+ .icon-bianzu2
+
+
+
+ -
+
+
+ 复制
+
+ .icon-fuzhi3
+
+
+
+ -
+
+
+ 减号
+
+ .icon-jianhao
+
+
+
+ -
+
+
+ 试题栏
+
+ .icon-shitilan
+
+
+
+ -
+
+
+ 删除
+
+ .icon-shanchu1
+
+
+
+ -
+
+
+ 解析
+
+ .icon-jiexi
+
+
+
+ -
+
+
+ 公开
+
+ .icon-gongkai
+
+
+
+ -
+
+
+ 编辑
+
+ .icon-bianji2
+
+
+
+ -
+
+
+ 放大
+
+ .icon-fangda
+
+
+
+ -
+
+
+ 缩小
+
+ .icon-suoxiao2
+
+
+
+ -
+
+
+ 下箭头
+
+ .icon-jiantou9
+
+
+
+ -
+
+
+ 向上 箭头
+
+ .icon-changyongtubiao-xianxingdaochu-zhuanqu-
+
+
+
+ -
+
+
+ SDK问题
+
+ .icon-wenti
+
+
+
+ -
+
+
+ 创建者
+
+ .icon-chuangjianzhe1
+
+
+
+ -
+
+
+ 书
+
+ .icon-shu1
+
+
+
+ -
+
+
+ 标签
+
+ .icon-biaoqian2
+
+
+
+ -
+
+
+ 记录
+
+ .icon-jilu1
+
+
+
+ -
+
+
+ 推荐
+
+ .icon-tuijian1
+
+
+
+ -
+
+
+ 警告
+
+ .icon-jinggao1
+
+
+
+ -
+
+
+ 点赞
+
+ .icon-dianzan2
+
+
+
+ -
+
+
+ 评论
+
+ .icon-pinglun1
+
+
+
+ -
+
+
+ 对勾
+
+ .icon-duigou
+
+
+
+ -
+
+
+ 提示
+
+ .icon-tishi2
+
+
+
+ -
+
+
+ 编辑_Hover
+
+ .icon-bianji_Hover
+
+
+
+ -
+
+
+ 上移_Hover
+
+ .icon-shangyi_Hover
+
+
+
+ -
+
+
+ 删除_默认
+
+ .icon-shanchu_moren
+
+
+
+ -
+
+
+ 下移_Hover
+
+ .icon-xiayi_Hover
+
+
+
+ -
+
+
+ 删除_Hover
+
+ .icon-shanchu_Hover
+
+
+
+ -
+
+
+ 下移_默认
+
+ .icon-xiayi_moren
+
+
+
+ -
+
+
+ 编辑_默认
+
+ .icon-bianji_moren
+
+
+
+ -
+
+
+ 恢复初始代码
+
+ .icon-huifuchushidaima
+
+
+
+ -
+
+
+ 再次载入
+
+ .icon-zaicizairu
+
+
+
+ -
+
+
+ 开关
+
+ .icon-kaiguan
+
+
+
+ -
+
+
+ 目录
+
+ .icon-mulu
+
+
+
+ -
+
+
+ 缩小
+
+ .icon-suoxiao1
+
+
+
+ -
+
+
+ 扩大
+
+ .icon-kuoda
+
+
+
+ -
+
+
+ 设置
+
+ .icon-shezhi3
+
+
+
+ -
+
+
+ 隐藏
+
+ .icon-yincang2
+
+
+
+ -
+
+
+ 消息
+
+ .icon-xiaoxi11
+
+
+
+ -
+
+
+ 金币
+
+ .icon-bianzu1
+
+
+
+ -
+
+
+ 显示密码
+
+ .icon-xianshimima
+
+
+
+ -
+
+
+ 隐藏密码
+
+ .icon-yincangmima
+
+
+
+ -
+
+
+ 复制
+
+ .icon-fuzhi2
+
+
+
+ -
+
+
+ 文件
+
+ .icon-xingzhuangjiehe
+
+
+
+ -
+
+
+ 文件夹
+
+ .icon-xingzhuangjiehebeifen
+
+
+
+ -
+
+
+ 上传
+
+ .icon-shangchuan
+
+
+
+ -
+
+
+ 挑战
+
+ .icon-tiaozhan
+
+
+
+ -
+
+
+ 右滑
+
+ .icon-youhua
+
+
+
+ -
+
+
+ 解锁
+
+ .icon-jiesuo
+
+
+
+ -
+
+
+ 锁
+
+ .icon-suo1
+
+
+
+ -
+
+
+ 搜索
+
+ .icon-bianzu11
+
+
+
+ -
+
+
+ 笔记
+
+ .icon-biji
+
+
+
+ -
+
+
+ 置顶
+
+ .icon-zhiding
+
+
+
+ -
+
+
+ 类型
+
+ .icon-leixing
+
+
+
+ -
+
+
+ 标签尖头
+
+ .icon-biaoqianjiantou
+
+
+
+ -
+
+
+ 加载失败
+
+ .icon-jiazaishibai1
+
+
+
+ -
+
+
+ 企业账号
+
+ .icon-qiyezhanghao
+
+
+
+ -
+
+
+ 个人账号
+
+ .icon-gerenzhanghao
+
+
+
+ -
+
+
+ 省略号
+
+ .icon-shenglvehao
+
+
+
+ -
+
+
+ 上箭头-填充
+
+ .icon-shangjiantou-tianchong
+
+
+
+ -
+
+
+ 完成
+
+ .icon-wancheng1
+
+
+
+ -
+
+
+ 禁止
+
+ .icon-jinzhi
+
+
+
+ -
+
+
+ 标签
+
+ .icon-biaoqian1
+
+
+
+ -
+
+
+ 记录
+
+ .icon-jilu
+
+
+
+ -
+
+
+ 书
+
+ .icon-shu
+
+
+
+ -
+
+
+ 推荐
+
+ .icon-tuijian
+
+
+
+ -
+
+
+ 创建者
+
+ .icon-chuangjianzhe
+
+
+
+ -
+
+
+ 绑定手机号
+
+ .icon-bangdingshoujihao
+
+
+
+ -
+
+
+ 浏览
+
+ .icon-liulan
+
+
+
+ -
+
+
+ 评论
+
+ .icon-pinglun
+
+
+
+ -
+
+
+ 博客园
+
+ .icon-bokeyuan
+
+
+
+ -
+
+
+ 关注
+
+ .icon-weibiaoti105
+
+
+
+ -
+
+
+ 关注
+
+ .icon-guanzhu
+
+
+
+ -
+
+
+ 统计
+
+ .icon-tongji
+
+
+
+ -
+
+
+ 主页
+
+ .icon-zhuye
+
+
+
+ -
+
+
+ 复制
+
+ .icon-fuzhi1
+
+
+
+ -
+
+
+ project@1x
+
+ .icon-projectx
+
+
+
+ -
+
+
+ hosting@1x
+
+ .icon-hostingx2
+
+
+
+ -
+
+
+ community@1x
+
+ .icon-communityx
+
+
+
+ -
+
+
+ detection@1x
+
+ .icon-detectionx
+
+
+
+ -
+
+
+ 链接
+
+ .icon-lianjie
+
+
+
+ -
+
+
+ nenghaofenxi@1x
+
+ .icon-nenghaofenxix
+
+
+
+ -
+
+
+ healthmode
+
+ .icon-healthmode
+
+
+
+ -
+
+
+ 社区
+
+ .icon-shequ
+
+
+
+ -
+
+
+ 工程
+
+ .icon-gongcheng
+
+
+
+ -
+
+
+ 单选 选中
+
+ .icon-danxuanxuanzhong1
+
+
+
+ -
+
+
+ 活动
+
+ .icon-huodong
+
+
+
+ -
+
+
+ menu_3voucher
+
+ .icon-menu_voucher
+
+
+
+ -
+
+
+ menu_3events
+
+ .icon-menu_events
+
+
+
+ -
+
+
+ menu_4map
+
+ .icon-menu_map
+
+
+
+ -
+
+
+ menu_people1
+
+ .icon-menu_people
+
+
+
+ -
+
+
+ menu_5date1
+
+ .icon-menu_date
+
+
+
+ -
+
+
+ yunweijiankong
+
+ .icon-yunweijiankong
+
+
+
+ -
+
+
+ gongyiliucheng
+
+ .icon-gongyiliucheng
+
+
+
+ -
+
+
+ zhiliangkongzhi
+
+ .icon-zhiliangkongzhi
+
+
+
+ -
+
+
+ shebeiguanli
+
+ .icon-shebeiguanli
+
+
+
+ -
+
+
+ shengmingzhouqi
+
+ .icon-shengmingzhouqi
+
+
+
+ -
+
+
+ 无权限
+
+ .icon-wuquanxian
+
+
+
+ -
+
+
+ 学习中心
+
+ .icon-xuexizhongxin
+
+
+
+ -
+
+
+ 课程
+
+ .icon-kecheng
+
+
+
+ -
+
+
+ 身份认证
+
+ .icon-yemian
+
+
+
+ -
+
+
+ 实名认证
+
+ .icon-bianzu
+
+
+
+ -
+
+
+ Page-1 (2)
+
+ .icon-Page-1
+
+
+
+ -
+
+
+ Page-3
+
+ .icon-Page-3
+
+
+
+ -
+
+
+ Page2
+
+ .icon-Page
+
+
+
+ -
+
+
+ 消息
+
+ .icon-xiaoxi1
+
+
+
+ -
+
+
+ 编辑
+
+ .icon-bianji1
+
+
+
+ -
+
+
+ 职业认证
+
+ .icon-renzhengshangjia
+
+
+
+ -
+
+
+ 实名认证
+
+ .icon-shenfenzhenghaomaguizheng
+
+
+
+ -
+
+
+ 用户、角色_无数据
+
+ .icon-yonghujiaose_wushuju
+
+
+
+ -
+
+
+ 排序
+
+ .icon-paixu1
+
+
+
+ -
+
+
+ 无
+
+ .icon-kong
+
+
+
+ -
+
+
+ 手机
+
+ .icon-shouji
+
+
+
+ -
+
+
+ 银行卡
+
+ .icon-yinhangqia1
+
+
+
+ -
+
+
+ 设置
+
+ .icon-shezhi2
+
+
+
+ -
+
+
+ 名片
+
+ .icon-mingpian
+
+
+
+ -
+
+
+ 警告
+
+ .icon-jinggao
+
+
+
+ -
+
+
+ 隐藏
+
+ .icon-yincang1
+
+
+
+ -
+
+
+ 喇叭
+
+ .icon-laba
+
+
+
+ -
+
+
+ 客户留言
+
+ .icon-kehuliuyan
+
+
+
+ -
+
+
+ 粗版2_上传云端
+
+ .icon-cuban2shangchuanyunduan
+
+
+
+ -
+
+
+ 隐藏
+
+ .icon-yincang
+
+
+
+ -
+
+
+ 显示
+
+ .icon-xianshi
+
+
+
+ -
+
+
+ 认证信息
+
+ .icon-renzhengxinxi
+
+
+
+ -
+
+
+ gs-beixiao-icon-基本信息
+
+ .icon-jibenxinxi
+
+
+
+ -
+
+
+ 安全设置
+
+ .icon-anquanshezhi
+
+
+
+ -
+
+
+ 模板
+
+ .icon-moban
+
+
+
+ -
+
+
+ 下载
+
+ .icon-xiazai1
+
+
+
+ -
+
+
+ edit
+
+ .icon-edit
+
+
+
+ -
+
+
+ 添加成员
+
+ .icon-tianjiachengyuan
+
+
+
+ -
+
+
+ 提示
+
+ .icon-tishi1
+
+
+
+ -
+
+
+ 标签
+
+ .icon-biaoqian
+
+
+
+ -
+
+
+ 三点
+
+ .icon-sandian
+
+
+
+ -
+
+
+ 复制
+
+ .icon-fuzhi
+
+
+
+ -
+
+
+ 章节
+
+ .icon-zhangjie1
+
+
+
+ -
+
+
+ 添加导航
+
+ .icon-tianjiadaohang
+
+
+
+ -
+
+
+ 上传图片
+
+ .icon-shangchuantupian1
+
+
+
+ -
+
+
+ pdf
+
+ .icon-pdf
+
+
+
+ -
+
+
+ 设置
+
+ .icon-shezhi1
+
+
+
+ -
+
+
+ 质量分析
+
+ .icon-zhiliangfenxi
+
+
+
+ -
+
+
+ 实训带背景
+
+ .icon-shixundaibeijing
+
+
+
+ -
+
+
+ 成功
+
+ .icon-chenggong
+
+
+
+ -
+
+
+ trustie
+
+ .icon-trustie
+
+
+
+ -
+
+
+ 20从属连接
+
+ .icon-congshulianjie
+
+
+
+ -
+
+
+ 重置
+
+ .icon-zhongzhi2
+
+
+
+ -
+
+
+ 时间
+
+ .icon-shijian
+
+
+
+ -
+
+
+ qq
+
+ .icon-qq
+
+
+
+ -
+
+
+ CSDN
+
+ .icon-csdn
+
+
+
+ -
+
+
+ 微博
+
+ .icon-weibo
+
+
+
+ -
+
+
+ 微信
+
+ .icon-weixin2
+
+
+
+ -
+
+
+ Stack Overflow
+
+ .icon-StackOverflow
+
+
+
+ -
+
+
+ linkedin
+
+ .icon-linkedin
+
+
+
+ -
+
+
+ github
+
+ .icon-github
+
+
+
+ -
+
+
+ net
+
+ .icon-net
+
+
+
+ -
+
+
+ mstest
+
+ .icon-mstest
+
+
+
+ -
+
+
+ vs
+
+ .icon-vs
+
+
+
+ -
+
+
+ base
+
+ .icon-base
+
+
+
+ -
+
+
+ 登录Ip监控
+
+ .icon-dengluIpjiankong
+
+
+
+ -
+
+
+ itsm3-流程管理
+
+ .icon-itsm-liuchengguanli
+
+
+
+ -
+
+
+ reset
+
+ .icon-reset
+
+
+
+ -
+
+
+ 重置
+
+ .icon-zhongzhi1
+
+
+
+ -
+
+
+ 减
+
+ .icon-default
+
+
+
+ -
+
+
+ time_fill
+
+ .icon-timefill
+
+
+
+ -
+
+
+ 代码配置r
+
+ .icon-daimapeizhir
+
+
+
+ -
+
+
+ 路由
+
+ .icon-luyou
+
+
+
+ -
+
+
+ 智能监控体系
+
+ .icon-zhinengjiankongtixi
+
+
+
+ -
+
+
+ PHP开发
+
+ .icon-phpkaifa
+
+
+
+ -
+
+
+ SQL server
+
+ .icon-SQLserver
+
+
+
+ -
+
+
+ mongodb
+
+ .icon-mongodb1
+
+
+
+ -
+
+
+ css3
+
+ .icon-css3
+
+
+
+ -
+
+
+ html5
+
+ .icon-html5
+
+
+
+ -
+
+
+ linux
+
+ .icon-linux
+
+
+
+ -
+
+
+ 大数据存储
+
+ .icon-dashujucunchu
+
+
+
+ -
+
+
+ VPN
+
+ .icon-VPN
+
+
+
+ -
+
+
+ jquery
+
+ .icon-jquery
+
+
+
+ -
+
+
+ docker
+
+ .icon-docker
+
+
+
+ -
+
+
+ python
+
+ .icon-python
+
+
+
+ -
+
+
+ php
+
+ .icon-php
+
+
+
+ -
+
+
+ java
+
+ .icon-java
+
+
+
+ -
+
+
+ mysql
+
+ .icon-mysql
+
+
+
+ -
+
+
+ 位置
+
+ .icon-weizhi
+
+
+
+ -
+
+
+ fork
+
+ .icon-fork
+
+
+
+ -
+
+
+ 加
+
+ .icon-jia
+
+
+
+ -
+
+
+ 更多
+
+ .icon-gengduo1
+
+
+
+ -
+
+
+ 银行卡
+
+ .icon-yinhangqia
+
+
+
+ -
+
+
+ 坐标
+
+ .icon-zuobiao
+
+
+
+ -
+
+
+ round_close
+
+ .icon-roundclose
+
+
+
+ -
+
+
+ round_add_fill
+
+ .icon-roundaddfill
+
+
+
+ -
+
+
+ 添加
+
+ .icon-tianjia
+
+
+
+ -
+
+
+ 三角形
+
+ .icon-triangle
+
+
+
+ -
+
+
+ 锁
+
+ .icon-suo
+
+
+
+ -
+
+
+ 毕业 [转换]
+
+ .icon-biyezhuanhuan
+
+
+
+ -
+
+
+ 菜单
+
+ .icon-weibiaoti12
+
+
+
+ -
+
+
+ 问号
+
+ .icon-wenhao
+
+
+
+ -
+
+
+ 钻石
+
+ .icon-31
+
+
+
+ -
+
+
+ 旗帜
+
+ .icon-qizhi
+
+
+
+ -
+
+
+ 附件
+
+ .icon-fujian
+
+
+
+ -
+
+
+ 设置
+
+ .icon-shezhi
+
+
+
+ -
+
+
+ 完成勾选
+
+ .icon-wanchenggouxuan
+
+
+
+ -
+
+
+ 新增提示
+
+ .icon-xinzengtishi
+
+
+
+ -
+
+
+ 关闭
+
+ .icon-htmal5icon19
+
+
+
+ -
+
+
+ 坐标
+
+ .icon-xiazai18
+
+
+
+ -
+
+
+ 邮件
+
+ .icon-mail
+
+
+
+ -
+
+
+ 电话
+
+ .icon-weibiaoti-
+
+
+
+ -
+
+
+ 三角形-down
+
+ .icon-sanjiaoxing-down
+
+
+
+ -
+
+
+ 三角形-up
+
+ .icon-sanjiaoxing-up
+
+
+
+ -
+
+
+ 下降
+
+ .icon-youjiang
+
+
+
+ -
+
+
+ 下降
+
+ .icon-xiajiang
+
+
+
+ -
+
+
+ 实星
+
+ .icon-shixing
+
+
+
+ -
+
+
+ 空星
+
+ .icon-kongxing
+
+
+
+ -
+
+
+ 学院管理员
+
+ .icon-xueyuanguanliyuan
+
+
+
+ -
+
+
+ 更多
+
+ .icon-gengduo
+
+
+
+ -
+
+
+ 向下移
+
+ .icon-xiangxiayi
+
+
+
+ -
+
+
+ 向上移
+
+ .icon-xiangshangyi
+
+
+
+ -
+
+
+ 成员管理
+
+ .icon-chengyuanguanli
+
+
+
+ -
+
+
+ 菜单
+
+ .icon-caidan
+
+
+
+ -
+
+
+ 试卷
+
+ .icon-shijuan
+
+
+
+ -
+
+
+ 动态
+
+ .icon-dongtai
+
+
+
+ -
+
+
+ 问卷
+
+ .icon-wenjuan
+
+
+
+ -
+
+
+ 讨论
+
+ .icon-taolun
+
+
+
+ -
+
+
+ 分班
+
+ .icon-fenban
+
+
+
+ -
+
+
+ 普通作业
+
+ .icon-putongzuoye
+
+
+
+ -
+
+
+ 分组作业
+
+ .icon-fenzuzuoye
+
+
+
+ -
+
+
+ 编辑带背景
+
+ .icon-bianjidaibeijing
+
+
+
+ -
+
+
+ 播放
+
+ .icon-bofang
+
+
+
+ -
+
+
+ 完成
+
+ .icon-wancheng
+
+
+
+ -
+
+
+ 左键头
+
+ .icon-zuojiantou
+
+
+
+ -
+
+
+ 右键头
+
+ .icon-youjiantou
+
+
+
+ -
+
+
+ 上键头
+
+ .icon-shangjiantou
+
+
+
+ -
+
+
+ 展开
+
+ .icon-zhankai
+
+
+
+ -
+
+
+ 收缩
+
+ .icon-shousuo
+
+
+
+ -
+
+
+ 公告
+
+ .icon-gonggao
+
+
+
+ -
+
+
+ 文件
+
+ .icon-wenjian
+
+
+
+ -
+
+
+ 回复
+
+ .icon-huifu1
+
+
+
+ -
+
+
+ 分支
+
+ .icon-fenzhi
+
+
+
+ -
+
+
+ 网址克隆
+
+ .icon-wangzhikelong
+
+
+
+ -
+
+
+ 下载
+
+ .icon-xiazai
+
+
+
+ -
+
+
+ 代码
+
+ .icon-daima
+
+
+
+ -
+
+
+ 提交记录
+
+ .icon-tijiaojilu
+
+
+
+ -
+
+
+ 选择题
+
+ .icon-xuanzeti
+
+
+
+ -
+
+
+ 编辑
+
+ .icon-bianji
+
+
+
+ -
+
+
+ 向上
+
+ .icon-xiangshang
+
+
+
+ -
+
+
+ 删除掉
+
+ .icon-shanchudiao
+
+
+
+ -
+
+
+ 上升排序
+
+ .icon-shangshengpaixu
+
+
+
+ -
+
+
+ 版本库
+
+ .icon-banbenku
+
+
+
+ -
+
+
+ issue
+
+ .icon-issue
+
+
+
+ -
+
+
+ 上传图片
+
+ .icon-shangchuantupian
+
+
+
+ -
+
+
+ 测评
+
+ .icon-ceping
+
+
+
+ -
+
+
+ qq在线咨询
+
+ .icon-qqzaixianzixun
+
+
+
+ -
+
+
+ 二维码
+
+ .icon-erweima
+
+
+
+ -
+
+
+ 意见反馈
+
+ .icon-yijianfankui
+
+
+
+ -
+
+
+ 邮箱认证
+
+ .icon-youxiangrenzheng
+
+
+
+ -
+
+
+ 手机认证
+
+ .icon-shoujirenzheng
+
+
+
+ -
+
+
+ 职业认证
+
+ .icon-zhiyerenzheng
+
+
+
+ -
+
+
+ 身份认证
+
+ .icon-shenfenrenzheng
+
+
+
+ -
+
+
+ 评分
+
+ .icon-pingfen
+
+
+
+ -
+
+
+ 评分-线
+
+ .icon-pingfen-xian
+
+
+
+ -
+
+
+ 作业
+
+ .icon-zuoye
+
+
+
+ -
+
+
+ 提示错误
+
+ .icon-tishicuowu
+
+
+
+ -
+
+
+ 资源
+
+ .icon-ziyuan
+
+
+
+ -
+
+
+ 提示
+
+ .icon-tishi
+
+
+
+ -
+
+
+ 成员
+
+ .icon-chengyuan
+
+
+
+ -
+
+
+ 旋转
+
+ .icon-xuanzhuan
+
+
+
+ -
+
+
+ 实训
+
+ .icon-shixun
+
+
+
+ -
+
+
+ 缩小
+
+ .icon-suoxiao
+
+
+
+ -
+
+
+ 下箭头
+
+ .icon-xiajiantou
+
+
+
+ -
+
+
+ 勾选
+
+ .icon-gouxuan
+
+
+
+ -
+
+
+ 浏览眼
+
+ .icon-liulanyan
+
+
+
+ -
+
+
+ 经验
+
+ .icon-jingyan
+
+
+
+ -
+
+
+ 实训关卡
+
+ .icon-shixunguanqia
+
+
+
+ -
+
+
+ 发布
+
+ .icon-fabu
+
+
+
+ -
+
+
+ 向下移动
+
+ .icon-xiangxiayidong
+
+
+
+ -
+
+
+ 向上移动
+
+ .icon-xiangshangyidong
+
+
+
+ -
+
+
+ 关闭
+
+ .icon-guanbi
+
+
+
+ -
+
+
+ 新建
+
+ .icon-xinjian
+
+
+
+ -
+
+
+ 消息铃铛
+
+ .icon-xiaoxilingdang
+
+
+
+ -
+
+
+ 搜索
+
+ .icon-sousuo
+
+
+
+ -
+
+
+ 添加 放大
+
+ .icon-tianjiafangda
+
+
+
+ -
+
+
+ 奖励
+
+ .icon-jiangli
+
+
+
+ -
+
+
+ 删除
+
+ .icon-shanchu
+
+
+
+ -
+
+
+ 隐藏闭眼
+
+ .icon-yincangbiyan
+
+
+
+ -
+
+
+ 开锁
+
+ .icon-kaisuo
+
+
+
+ -
+
+
+ 关锁
+
+ .icon-guansuo
+
+
+
+ -
+
+
+ tpi消息提醒
+
+ .icon-tpixiaoxitixing
+
+
+
+ -
+
+
+ 点赞
+
+ .icon-dianzan
+
+
+
+ -
+
+
+ 点赞-线
+
+ .icon-dianzan-xian
+
+
+
+ -
+
+
+ 返回上次代码
+
+ .icon-fanhuishangcidaima
+
+
+
+ -
+
+
+ 重置
+
+ .icon-zhongzhi
+
+
+
+ -
+
+
+ 睁眼
+
+ .icon-zhengyan
+
+
+
+ -
+
+
+ expand
+
+ .icon-expand
+
+
+
+ -
+
+
+ compress
+
+ .icon-compress
+
+
+
+ -
+
+
+ 礼物
+
+ .icon-liwu
+
+
+
+ -
+
+
+ 点赞2
+
+ .icon-dianzan1
+
+
+
+ -
+
+
+ 点赞1
+
+ .icon-dianzan11
+
+
+
+ -
+
+
+ 礼物
+
+ .icon-gift
+
+
+
+ -
+
+
+ 消息
+
+ .icon-xiaoxi
+
+
+
+ -
+
+
+ 撤销
+
+ .icon-chexiao
+
+
+
+ -
+
+
+ 文件夹
+
+ .icon-wenjianjia
+
+
+
+
+
+
font-class 引用
+
+
+
font-class 是 Unicode 使用方式的一种变种,主要是解决 Unicode 书写不直观,语意不明确的问题。
+
与 Unicode 使用方式相比,具有如下特点:
+
+ - 兼容性良好,支持 IE8+,及所有现代浏览器。
+ - 相比于 Unicode 语意明确,书写更直观。可以很容易分辨这个 icon 是什么。
+ - 因为使用 class 来定义图标,所以当要替换图标时,只需要修改 class 里面的 Unicode 引用。
+ - 不过因为本质上还是使用的字体,所以多色图标还是不支持的。
+
+
使用步骤如下:
+
第一步:引入项目下面生成的 fontclass 代码:
+
<link rel="stylesheet" href="./iconfont.css">
+
+
第二步:挑选相应图标并获取类名,应用于页面:
+
<span class="iconfont icon-xxx"></span>
+
+
+ "
+ iconfont" 是你项目下的 font-family。可以通过编辑项目查看,默认是 "iconfont"。
+
+
+
+
+
+
+ -
+
+
编辑
+ #icon-bianji4
+
+
+ -
+
+
绑定
+ #icon-bangding
+
+
+ -
+
+
播放
+ #icon-bofang2
+
+
+ -
+
+
笔
+ #icon-weibiaoti1
+
+
+ -
+
+
警告
+ #icon-jinggao2
+
+
+ -
+
+
路标
+ #icon-lubiaosignpost3
+
+
+ -
+
+
日历
+ #icon-rili
+
+
+ -
+
+
编辑
+ #icon-bianji3
+
+
+ -
+
+
已关闭
+ #icon-yiguanbi
+
+
+ -
+
+
已关闭
+ #icon-yiguanbi1
+
+
+ -
+
+
垃圾桶
+ #icon-lajitong
+
+
+ -
+
+
点击量
+ #icon-dianjiliang
+
+
+ -
+
+
播放
+ #icon-bofang1
+
+
+ -
+
+
初始化
+ #icon-chushihua
+
+
+ -
+
+
测试集
+ #icon-ceshiji
+
+
+ -
+
+
过滤器
+ #icon-guolvqi
+
+
+ -
+
+
加上2
+ #icon-jiashang1
+
+
+ -
+
+
减去2
+ #icon-jianqu1
+
+
+ -
+
+
加上
+ #icon-jiashang
+
+
+ -
+
+
减去
+ #icon-jianqu
+
+
+ -
+
+
删除
+ #icon-shanchu2
+
+
+ -
+
+
试卷
+ #icon-shijuan1
+
+
+ -
+
+
左右拖动
+ #icon-zuoyoutuodong
+
+
+ -
+
+
上下拖动
+ #icon-shangxiatuodong
+
+
+ -
+
+
编组
+ #icon-bianzu2
+
+
+ -
+
+
复制
+ #icon-fuzhi3
+
+
+ -
+
+
减号
+ #icon-jianhao
+
+
+ -
+
+
试题栏
+ #icon-shitilan
+
+
+ -
+
+
删除
+ #icon-shanchu1
+
+
+ -
+
+
解析
+ #icon-jiexi
+
+
+ -
+
+
公开
+ #icon-gongkai
+
+
+ -
+
+
编辑
+ #icon-bianji2
+
+
+ -
+
+
放大
+ #icon-fangda
+
+
+ -
+
+
缩小
+ #icon-suoxiao2
+
+
+ -
+
+
下箭头
+ #icon-jiantou9
+
+
+ -
+
+
向上 箭头
+ #icon-changyongtubiao-xianxingdaochu-zhuanqu-
+
+
+ -
+
+
SDK问题
+ #icon-wenti
+
+
+ -
+
+
创建者
+ #icon-chuangjianzhe1
+
+
+ -
+
+
书
+ #icon-shu1
+
+
+ -
+
+
标签
+ #icon-biaoqian2
+
+
+ -
+
+
记录
+ #icon-jilu1
+
+
+ -
+
+
推荐
+ #icon-tuijian1
+
+
+ -
+
+
警告
+ #icon-jinggao1
+
+
+ -
+
+
点赞
+ #icon-dianzan2
+
+
+ -
+
+
评论
+ #icon-pinglun1
+
+
+ -
+
+
对勾
+ #icon-duigou
+
+
+ -
+
+
提示
+ #icon-tishi2
+
+
+ -
+
+
编辑_Hover
+ #icon-bianji_Hover
+
+
+ -
+
+
上移_Hover
+ #icon-shangyi_Hover
+
+
+ -
+
+
删除_默认
+ #icon-shanchu_moren
+
+
+ -
+
+
下移_Hover
+ #icon-xiayi_Hover
+
+
+ -
+
+
删除_Hover
+ #icon-shanchu_Hover
+
+
+ -
+
+
下移_默认
+ #icon-xiayi_moren
+
+
+ -
+
+
编辑_默认
+ #icon-bianji_moren
+
+
+ -
+
+
恢复初始代码
+ #icon-huifuchushidaima
+
+
+ -
+
+
再次载入
+ #icon-zaicizairu
+
+
+ -
+
+
开关
+ #icon-kaiguan
+
+
+ -
+
+
目录
+ #icon-mulu
+
+
+ -
+
+
缩小
+ #icon-suoxiao1
+
+
+ -
+
+
扩大
+ #icon-kuoda
+
+
+ -
+
+
设置
+ #icon-shezhi3
+
+
+ -
+
+
隐藏
+ #icon-yincang2
+
+
+ -
+
+
消息
+ #icon-xiaoxi11
+
+
+ -
+
+
金币
+ #icon-bianzu1
+
+
+ -
+
+
显示密码
+ #icon-xianshimima
+
+
+ -
+
+
隐藏密码
+ #icon-yincangmima
+
+
+ -
+
+
复制
+ #icon-fuzhi2
+
+
+ -
+
+
文件
+ #icon-xingzhuangjiehe
+
+
+ -
+
+
文件夹
+ #icon-xingzhuangjiehebeifen
+
+
+ -
+
+
上传
+ #icon-shangchuan
+
+
+ -
+
+
挑战
+ #icon-tiaozhan
+
+
+ -
+
+
右滑
+ #icon-youhua
+
+
+ -
+
+
解锁
+ #icon-jiesuo
+
+
+ -
+
+
锁
+ #icon-suo1
+
+
+ -
+
+
搜索
+ #icon-bianzu11
+
+
+ -
+
+
笔记
+ #icon-biji
+
+
+ -
+
+
置顶
+ #icon-zhiding
+
+
+ -
+
+
类型
+ #icon-leixing
+
+
+ -
+
+
标签尖头
+ #icon-biaoqianjiantou
+
+
+ -
+
+
加载失败
+ #icon-jiazaishibai1
+
+
+ -
+
+
企业账号
+ #icon-qiyezhanghao
+
+
+ -
+
+
个人账号
+ #icon-gerenzhanghao
+
+
+ -
+
+
省略号
+ #icon-shenglvehao
+
+
+ -
+
+
上箭头-填充
+ #icon-shangjiantou-tianchong
+
+
+ -
+
+
完成
+ #icon-wancheng1
+
+
+ -
+
+
禁止
+ #icon-jinzhi
+
+
+ -
+
+
标签
+ #icon-biaoqian1
+
+
+ -
+
+
记录
+ #icon-jilu
+
+
+ -
+
+
书
+ #icon-shu
+
+
+ -
+
+
推荐
+ #icon-tuijian
+
+
+ -
+
+
创建者
+ #icon-chuangjianzhe
+
+
+ -
+
+
绑定手机号
+ #icon-bangdingshoujihao
+
+
+ -
+
+
浏览
+ #icon-liulan
+
+
+ -
+
+
评论
+ #icon-pinglun
+
+
+ -
+
+
博客园
+ #icon-bokeyuan
+
+
+ -
+
+
关注
+ #icon-weibiaoti105
+
+
+ -
+
+
关注
+ #icon-guanzhu
+
+
+ -
+
+
统计
+ #icon-tongji
+
+
+ -
+
+
主页
+ #icon-zhuye
+
+
+ -
+
+
复制
+ #icon-fuzhi1
+
+
+ -
+
+
project@1x
+ #icon-projectx
+
+
+ -
+
+
hosting@1x
+ #icon-hostingx2
+
+
+ -
+
+
community@1x
+ #icon-communityx
+
+
+ -
+
+
detection@1x
+ #icon-detectionx
+
+
+ -
+
+
链接
+ #icon-lianjie
+
+
+ -
+
+
nenghaofenxi@1x
+ #icon-nenghaofenxix
+
+
+ -
+
+
healthmode
+ #icon-healthmode
+
+
+ -
+
+
社区
+ #icon-shequ
+
+
+ -
+
+
工程
+ #icon-gongcheng
+
+
+ -
+
+
单选 选中
+ #icon-danxuanxuanzhong1
+
+
+ -
+
+
活动
+ #icon-huodong
+
+
+ -
+
+
menu_3voucher
+ #icon-menu_voucher
+
+
+ -
+
+
menu_3events
+ #icon-menu_events
+
+
+ -
+
+
menu_4map
+ #icon-menu_map
+
+
+ -
+
+
menu_people1
+ #icon-menu_people
+
+
+ -
+
+
menu_5date1
+ #icon-menu_date
+
+
+ -
+
+
yunweijiankong
+ #icon-yunweijiankong
+
+
+ -
+
+
gongyiliucheng
+ #icon-gongyiliucheng
+
+
+ -
+
+
zhiliangkongzhi
+ #icon-zhiliangkongzhi
+
+
+ -
+
+
shebeiguanli
+ #icon-shebeiguanli
+
+
+ -
+
+
shengmingzhouqi
+ #icon-shengmingzhouqi
+
+
+ -
+
+
无权限
+ #icon-wuquanxian
+
+
+ -
+
+
学习中心
+ #icon-xuexizhongxin
+
+
+ -
+
+
课程
+ #icon-kecheng
+
+
+ -
+
+
身份认证
+ #icon-yemian
+
+
+ -
+
+
实名认证
+ #icon-bianzu
+
+
+ -
+
+
Page-1 (2)
+ #icon-Page-1
+
+
+ -
+
+
Page-3
+ #icon-Page-3
+
+
+ -
+
+
Page2
+ #icon-Page
+
+
+ -
+
+
消息
+ #icon-xiaoxi1
+
+
+ -
+
+
编辑
+ #icon-bianji1
+
+
+ -
+
+
职业认证
+ #icon-renzhengshangjia
+
+
+ -
+
+
实名认证
+ #icon-shenfenzhenghaomaguizheng
+
+
+ -
+
+
用户、角色_无数据
+ #icon-yonghujiaose_wushuju
+
+
+ -
+
+
排序
+ #icon-paixu1
+
+
+ -
+
+
无
+ #icon-kong
+
+
+ -
+
+
手机
+ #icon-shouji
+
+
+ -
+
+
银行卡
+ #icon-yinhangqia1
+
+
+ -
+
+
设置
+ #icon-shezhi2
+
+
+ -
+
+
名片
+ #icon-mingpian
+
+
+ -
+
+
警告
+ #icon-jinggao
+
+
+ -
+
+
隐藏
+ #icon-yincang1
+
+
+ -
+
+
喇叭
+ #icon-laba
+
+
+ -
+
+
客户留言
+ #icon-kehuliuyan
+
+
+ -
+
+
粗版2_上传云端
+ #icon-cuban2shangchuanyunduan
+
+
+ -
+
+
隐藏
+ #icon-yincang
+
+
+ -
+
+
显示
+ #icon-xianshi
+
+
+ -
+
+
认证信息
+ #icon-renzhengxinxi
+
+
+ -
+
+
gs-beixiao-icon-基本信息
+ #icon-jibenxinxi
+
+
+ -
+
+
安全设置
+ #icon-anquanshezhi
+
+
+ -
+
+
模板
+ #icon-moban
+
+
+ -
+
+
下载
+ #icon-xiazai1
+
+
+ -
+
+
edit
+ #icon-edit
+
+
+ -
+
+
添加成员
+ #icon-tianjiachengyuan
+
+
+ -
+
+
提示
+ #icon-tishi1
+
+
+ -
+
+
标签
+ #icon-biaoqian
+
+
+ -
+
+
三点
+ #icon-sandian
+
+
+ -
+
+
复制
+ #icon-fuzhi
+
+
+ -
+
+
章节
+ #icon-zhangjie1
+
+
+ -
+
+
添加导航
+ #icon-tianjiadaohang
+
+
+ -
+
+
上传图片
+ #icon-shangchuantupian1
+
+
+ -
+
+
pdf
+ #icon-pdf
+
+
+ -
+
+
设置
+ #icon-shezhi1
+
+
+ -
+
+
质量分析
+ #icon-zhiliangfenxi
+
+
+ -
+
+
实训带背景
+ #icon-shixundaibeijing
+
+
+ -
+
+
成功
+ #icon-chenggong
+
+
+ -
+
+
trustie
+ #icon-trustie
+
+
+ -
+
+
20从属连接
+ #icon-congshulianjie
+
+
+ -
+
+
重置
+ #icon-zhongzhi2
+
+
+ -
+
+
时间
+ #icon-shijian
+
+
+ -
+
+
qq
+ #icon-qq
+
+
+ -
+
+
CSDN
+ #icon-csdn
+
+
+ -
+
+
微博
+ #icon-weibo
+
+
+ -
+
+
微信
+ #icon-weixin2
+
+
+ -
+
+
Stack Overflow
+ #icon-StackOverflow
+
+
+ -
+
+
linkedin
+ #icon-linkedin
+
+
+ -
+
+
github
+ #icon-github
+
+
+ -
+
+
net
+ #icon-net
+
+
+ -
+
+
mstest
+ #icon-mstest
+
+
+ -
+
+
vs
+ #icon-vs
+
+
+ -
+
+
base
+ #icon-base
+
+
+ -
+
+
登录Ip监控
+ #icon-dengluIpjiankong
+
+
+ -
+
+
itsm3-流程管理
+ #icon-itsm-liuchengguanli
+
+
+ -
+
+
reset
+ #icon-reset
+
+
+ -
+
+
重置
+ #icon-zhongzhi1
+
+
+ -
+
+
减
+ #icon-default
+
+
+ -
+
+
time_fill
+ #icon-timefill
+
+
+ -
+
+
代码配置r
+ #icon-daimapeizhir
+
+
+ -
+
+
路由
+ #icon-luyou
+
+
+ -
+
+
智能监控体系
+ #icon-zhinengjiankongtixi
+
+
+ -
+
+
PHP开发
+ #icon-phpkaifa
+
+
+ -
+
+
SQL server
+ #icon-SQLserver
+
+
+ -
+
+
mongodb
+ #icon-mongodb1
+
+
+ -
+
+
css3
+ #icon-css3
+
+
+ -
+
+
html5
+ #icon-html5
+
+
+ -
+
+
linux
+ #icon-linux
+
+
+ -
+
+
大数据存储
+ #icon-dashujucunchu
+
+
+ -
+
+
VPN
+ #icon-VPN
+
+
+ -
+
+
jquery
+ #icon-jquery
+
+
+ -
+
+
docker
+ #icon-docker
+
+
+ -
+
+
python
+ #icon-python
+
+
+ -
+
+
php
+ #icon-php
+
+
+ -
+
+
java
+ #icon-java
+
+
+ -
+
+
mysql
+ #icon-mysql
+
+
+ -
+
+
位置
+ #icon-weizhi
+
+
+ -
+
+
fork
+ #icon-fork
+
+
+ -
+
+
加
+ #icon-jia
+
+
+ -
+
+
更多
+ #icon-gengduo1
+
+
+ -
+
+
银行卡
+ #icon-yinhangqia
+
+
+ -
+
+
坐标
+ #icon-zuobiao
+
+
+ -
+
+
round_close
+ #icon-roundclose
+
+
+ -
+
+
round_add_fill
+ #icon-roundaddfill
+
+
+ -
+
+
添加
+ #icon-tianjia
+
+
+ -
+
+
三角形
+ #icon-triangle
+
+
+ -
+
+
锁
+ #icon-suo
+
+
+ -
+
+
毕业 [转换]
+ #icon-biyezhuanhuan
+
+
+ -
+
+
菜单
+ #icon-weibiaoti12
+
+
+ -
+
+
问号
+ #icon-wenhao
+
+
+ -
+
+
钻石
+ #icon-31
+
+
+ -
+
+
旗帜
+ #icon-qizhi
+
+
+ -
+
+
附件
+ #icon-fujian
+
+
+ -
+
+
设置
+ #icon-shezhi
+
+
+ -
+
+
完成勾选
+ #icon-wanchenggouxuan
+
+
+ -
+
+
新增提示
+ #icon-xinzengtishi
+
+
+ -
+
+
关闭
+ #icon-htmal5icon19
+
+
+ -
+
+
坐标
+ #icon-xiazai18
+
+
+ -
+
+
邮件
+ #icon-mail
+
+
+ -
+
+
电话
+ #icon-weibiaoti-
+
+
+ -
+
+
三角形-down
+ #icon-sanjiaoxing-down
+
+
+ -
+
+
三角形-up
+ #icon-sanjiaoxing-up
+
+
+ -
+
+
下降
+ #icon-youjiang
+
+
+ -
+
+
下降
+ #icon-xiajiang
+
+
+ -
+
+
实星
+ #icon-shixing
+
+
+ -
+
+
空星
+ #icon-kongxing
+
+
+ -
+
+
学院管理员
+ #icon-xueyuanguanliyuan
+
+
+ -
+
+
更多
+ #icon-gengduo
+
+
+ -
+
+
向下移
+ #icon-xiangxiayi
+
+
+ -
+
+
向上移
+ #icon-xiangshangyi
+
+
+ -
+
+
成员管理
+ #icon-chengyuanguanli
+
+
+ -
+
+
菜单
+ #icon-caidan
+
+
+ -
+
+
试卷
+ #icon-shijuan
+
+
+ -
+
+
动态
+ #icon-dongtai
+
+
+ -
+
+
问卷
+ #icon-wenjuan
+
+
+ -
+
+
讨论
+ #icon-taolun
+
+
+ -
+
+
分班
+ #icon-fenban
+
+
+ -
+
+
普通作业
+ #icon-putongzuoye
+
+
+ -
+
+
分组作业
+ #icon-fenzuzuoye
+
+
+ -
+
+
编辑带背景
+ #icon-bianjidaibeijing
+
+
+ -
+
+
播放
+ #icon-bofang
+
+
+ -
+
+
完成
+ #icon-wancheng
+
+
+ -
+
+
左键头
+ #icon-zuojiantou
+
+
+ -
+
+
右键头
+ #icon-youjiantou
+
+
+ -
+
+
上键头
+ #icon-shangjiantou
+
+
+ -
+
+
展开
+ #icon-zhankai
+
+
+ -
+
+
收缩
+ #icon-shousuo
+
+
+ -
+
+
公告
+ #icon-gonggao
+
+
+ -
+
+
文件
+ #icon-wenjian
+
+
+ -
+
+
回复
+ #icon-huifu1
+
+
+ -
+
+
分支
+ #icon-fenzhi
+
+
+ -
+
+
网址克隆
+ #icon-wangzhikelong
+
+
+ -
+
+
下载
+ #icon-xiazai
+
+
+ -
+
+
代码
+ #icon-daima
+
+
+ -
+
+
提交记录
+ #icon-tijiaojilu
+
+
+ -
+
+
选择题
+ #icon-xuanzeti
+
+
+ -
+
+
编辑
+ #icon-bianji
+
+
+ -
+
+
向上
+ #icon-xiangshang
+
+
+ -
+
+
删除掉
+ #icon-shanchudiao
+
+
+ -
+
+
上升排序
+ #icon-shangshengpaixu
+
+
+ -
+
+
版本库
+ #icon-banbenku
+
+
+ -
+
+
issue
+ #icon-issue
+
+
+ -
+
+
上传图片
+ #icon-shangchuantupian
+
+
+ -
+
+
测评
+ #icon-ceping
+
+
+ -
+
+
qq在线咨询
+ #icon-qqzaixianzixun
+
+
+ -
+
+
二维码
+ #icon-erweima
+
+
+ -
+
+
意见反馈
+ #icon-yijianfankui
+
+
+ -
+
+
邮箱认证
+ #icon-youxiangrenzheng
+
+
+ -
+
+
手机认证
+ #icon-shoujirenzheng
+
+
+ -
+
+
职业认证
+ #icon-zhiyerenzheng
+
+
+ -
+
+
身份认证
+ #icon-shenfenrenzheng
+
+
+ -
+
+
评分
+ #icon-pingfen
+
+
+ -
+
+
评分-线
+ #icon-pingfen-xian
+
+
+ -
+
+
作业
+ #icon-zuoye
+
+
+ -
+
+
提示错误
+ #icon-tishicuowu
+
+
+ -
+
+
资源
+ #icon-ziyuan
+
+
+ -
+
+
提示
+ #icon-tishi
+
+
+ -
+
+
成员
+ #icon-chengyuan
+
+
+ -
+
+
旋转
+ #icon-xuanzhuan
+
+
+ -
+
+
实训
+ #icon-shixun
+
+
+ -
+
+
缩小
+ #icon-suoxiao
+
+
+ -
+
+
下箭头
+ #icon-xiajiantou
+
+
+ -
+
+
勾选
+ #icon-gouxuan
+
+
+ -
+
+
浏览眼
+ #icon-liulanyan
+
+
+ -
+
+
经验
+ #icon-jingyan
+
+
+ -
+
+
实训关卡
+ #icon-shixunguanqia
+
+
+ -
+
+
发布
+ #icon-fabu
+
+
+ -
+
+
向下移动
+ #icon-xiangxiayidong
+
+
+ -
+
+
向上移动
+ #icon-xiangshangyidong
+
+
+ -
+
+
关闭
+ #icon-guanbi
+
+
+ -
+
+
新建
+ #icon-xinjian
+
+
+ -
+
+
消息铃铛
+ #icon-xiaoxilingdang
+
+
+ -
+
+
搜索
+ #icon-sousuo
+
+
+ -
+
+
添加 放大
+ #icon-tianjiafangda
+
+
+ -
+
+
奖励
+ #icon-jiangli
+
+
+ -
+
+
删除
+ #icon-shanchu
+
+
+ -
+
+
隐藏闭眼
+ #icon-yincangbiyan
+
+
+ -
+
+
开锁
+ #icon-kaisuo
+
+
+ -
+
+
关锁
+ #icon-guansuo
+
+
+ -
+
+
tpi消息提醒
+ #icon-tpixiaoxitixing
+
+
+ -
+
+
点赞
+ #icon-dianzan
+
+
+ -
+
+
点赞-线
+ #icon-dianzan-xian
+
+
+ -
+
+
返回上次代码
+ #icon-fanhuishangcidaima
+
+
+ -
+
+
重置
+ #icon-zhongzhi
+
+
+ -
+
+
睁眼
+ #icon-zhengyan
+
+
+ -
+
+
expand
+ #icon-expand
+
+
+ -
+
+
compress
+ #icon-compress
+
+
+ -
+
+
礼物
+ #icon-liwu
+
+
+ -
+
+
点赞2
+ #icon-dianzan1
+
+
+ -
+
+
点赞1
+ #icon-dianzan11
+
+
+ -
+
+
礼物
+ #icon-gift
+
+
+ -
+
+
消息
+ #icon-xiaoxi
+
+
+ -
+
+
撤销
+ #icon-chexiao
+
+
+ -
+
+
文件夹
+ #icon-wenjianjia
+
+
+
+
+
Symbol 引用
+
+
+
这是一种全新的使用方式,应该说这才是未来的主流,也是平台目前推荐的用法。相关介绍可以参考这篇文章
+ 这种用法其实是做了一个 SVG 的集合,与另外两种相比具有如下特点:
+
+ - 支持多色图标了,不再受单色限制。
+ - 通过一些技巧,支持像字体那样,通过
font-size
, color
来调整样式。
+ - 兼容性较差,支持 IE9+,及现代浏览器。
+ - 浏览器渲染 SVG 的性能一般,还不如 png。
+
+
使用步骤如下:
+
第一步:引入项目下面生成的 symbol 代码:
+
<script src="./iconfont.js"></script>
+
+
第二步:加入通用 CSS 代码(引入一次就行):
+
<style>
+.icon {
+ width: 1em;
+ height: 1em;
+ vertical-align: -0.15em;
+ fill: currentColor;
+ overflow: hidden;
+}
+</style>
+
+
第三步:挑选相应图标并获取类名,应用于页面:
+
<svg class="icon" aria-hidden="true">
+ <use xlink:href="#icon-xxx"></use>
+</svg>
+
+
+
+
+
+
+
+
+