字体图标

develop
Jmysy 2020-06-02 20:47:10 +08:00
parent 20f75234a6
commit eab9fc92e4
13 changed files with 3849 additions and 1 deletions

View File

@ -0,0 +1,539 @@
/* Logo 字体 */
@font-face {
font-family: "iconfont logo";
src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834');
src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834#iefix') format('embedded-opentype'),
url('https://at.alicdn.com/t/font_985780_km7mi63cihi.woff?t=1545807318834') format('woff'),
url('https://at.alicdn.com/t/font_985780_km7mi63cihi.ttf?t=1545807318834') format('truetype'),
url('https://at.alicdn.com/t/font_985780_km7mi63cihi.svg?t=1545807318834#iconfont') format('svg');
}
.logo {
font-family: "iconfont logo";
font-size: 160px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* tabs */
.nav-tabs {
position: relative;
}
.nav-tabs .nav-more {
position: absolute;
right: 0;
bottom: 0;
height: 42px;
line-height: 42px;
color: #666;
}
#tabs {
border-bottom: 1px solid #eee;
}
#tabs li {
cursor: pointer;
width: 100px;
height: 40px;
line-height: 40px;
text-align: center;
font-size: 16px;
border-bottom: 2px solid transparent;
position: relative;
z-index: 1;
margin-bottom: -1px;
color: #666;
}
#tabs .active {
border-bottom-color: #f00;
color: #222;
}
.tab-container .content {
display: none;
}
/* 页面布局 */
.main {
padding: 30px 100px;
width: 960px;
margin: 0 auto;
}
.main .logo {
color: #333;
text-align: left;
margin-bottom: 30px;
line-height: 1;
height: 110px;
margin-top: -50px;
overflow: hidden;
*zoom: 1;
}
.main .logo a {
font-size: 160px;
color: #333;
}
.helps {
margin-top: 40px;
}
.helps pre {
padding: 20px;
margin: 10px 0;
border: solid 1px #e7e1cd;
background-color: #fffdef;
overflow: auto;
}
.icon_lists {
width: 100% !important;
overflow: hidden;
*zoom: 1;
}
.icon_lists li {
width: 100px;
margin-bottom: 10px;
margin-right: 20px;
text-align: center;
list-style: none !important;
cursor: default;
}
.icon_lists li .code-name {
line-height: 1.2;
}
.icon_lists .icon {
display: block;
height: 100px;
line-height: 100px;
font-size: 42px;
margin: 10px auto;
color: #333;
-webkit-transition: font-size 0.25s linear, width 0.25s linear;
-moz-transition: font-size 0.25s linear, width 0.25s linear;
transition: font-size 0.25s linear, width 0.25s linear;
}
.icon_lists .icon:hover {
font-size: 100px;
}
.icon_lists .svg-icon {
/* 通过设置 font-size 来改变图标大小 */
width: 1em;
/* 图标和文字相邻时,垂直对齐 */
vertical-align: -0.15em;
/* 通过设置 color 来改变 SVG 的颜色/fill */
fill: currentColor;
/* path stroke viewBox IE
normalize.css */
overflow: hidden;
}
.icon_lists li .name,
.icon_lists li .code-name {
color: #666;
}
/* markdown 样式 */
.markdown {
color: #666;
font-size: 14px;
line-height: 1.8;
}
.highlight {
line-height: 1.5;
}
.markdown img {
vertical-align: middle;
max-width: 100%;
}
.markdown h1 {
color: #404040;
font-weight: 500;
line-height: 40px;
margin-bottom: 24px;
}
.markdown h2,
.markdown h3,
.markdown h4,
.markdown h5,
.markdown h6 {
color: #404040;
margin: 1.6em 0 0.6em 0;
font-weight: 500;
clear: both;
}
.markdown h1 {
font-size: 28px;
}
.markdown h2 {
font-size: 22px;
}
.markdown h3 {
font-size: 16px;
}
.markdown h4 {
font-size: 14px;
}
.markdown h5 {
font-size: 12px;
}
.markdown h6 {
font-size: 12px;
}
.markdown hr {
height: 1px;
border: 0;
background: #e9e9e9;
margin: 16px 0;
clear: both;
}
.markdown p {
margin: 1em 0;
}
.markdown>p,
.markdown>blockquote,
.markdown>.highlight,
.markdown>ol,
.markdown>ul {
width: 80%;
}
.markdown ul>li {
list-style: circle;
}
.markdown>ul li,
.markdown blockquote ul>li {
margin-left: 20px;
padding-left: 4px;
}
.markdown>ul li p,
.markdown>ol li p {
margin: 0.6em 0;
}
.markdown ol>li {
list-style: decimal;
}
.markdown>ol li,
.markdown blockquote ol>li {
margin-left: 20px;
padding-left: 4px;
}
.markdown code {
margin: 0 3px;
padding: 0 5px;
background: #eee;
border-radius: 3px;
}
.markdown strong,
.markdown b {
font-weight: 600;
}
.markdown>table {
border-collapse: collapse;
border-spacing: 0px;
empty-cells: show;
border: 1px solid #e9e9e9;
width: 95%;
margin-bottom: 24px;
}
.markdown>table th {
white-space: nowrap;
color: #333;
font-weight: 600;
}
.markdown>table th,
.markdown>table td {
border: 1px solid #e9e9e9;
padding: 8px 16px;
text-align: left;
}
.markdown>table th {
background: #F7F7F7;
}
.markdown blockquote {
font-size: 90%;
color: #999;
border-left: 4px solid #e9e9e9;
padding-left: 0.8em;
margin: 1em 0;
}
.markdown blockquote p {
margin: 0;
}
.markdown .anchor {
opacity: 0;
transition: opacity 0.3s ease;
margin-left: 8px;
}
.markdown .waiting {
color: #ccc;
}
.markdown h1:hover .anchor,
.markdown h2:hover .anchor,
.markdown h3:hover .anchor,
.markdown h4:hover .anchor,
.markdown h5:hover .anchor,
.markdown h6:hover .anchor {
opacity: 1;
display: inline-block;
}
.markdown>br,
.markdown>p>br {
clear: both;
}
.hljs {
display: block;
background: white;
padding: 0.5em;
color: #333333;
overflow-x: auto;
}
.hljs-comment,
.hljs-meta {
color: #969896;
}
.hljs-string,
.hljs-variable,
.hljs-template-variable,
.hljs-strong,
.hljs-emphasis,
.hljs-quote {
color: #df5000;
}
.hljs-keyword,
.hljs-selector-tag,
.hljs-type {
color: #a71d5d;
}
.hljs-literal,
.hljs-symbol,
.hljs-bullet,
.hljs-attribute {
color: #0086b3;
}
.hljs-section,
.hljs-name {
color: #63a35c;
}
.hljs-tag {
color: #333333;
}
.hljs-title,
.hljs-attr,
.hljs-selector-id,
.hljs-selector-class,
.hljs-selector-attr,
.hljs-selector-pseudo {
color: #795da3;
}
.hljs-addition {
color: #55a532;
background-color: #eaffea;
}
.hljs-deletion {
color: #bd2c00;
background-color: #ffecec;
}
.hljs-link {
text-decoration: underline;
}
/* 代码高亮 */
/* PrismJS 1.15.0
https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript */
/**
* prism.js default theme for JavaScript, CSS and HTML
* Based on dabblet (http://dabblet.com)
* @author Lea Verou
*/
code[class*="language-"],
pre[class*="language-"] {
color: black;
background: none;
text-shadow: 0 1px white;
font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
text-align: left;
white-space: pre;
word-spacing: normal;
word-break: normal;
word-wrap: normal;
line-height: 1.5;
-moz-tab-size: 4;
-o-tab-size: 4;
tab-size: 4;
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none;
}
pre[class*="language-"]::-moz-selection,
pre[class*="language-"] ::-moz-selection,
code[class*="language-"]::-moz-selection,
code[class*="language-"] ::-moz-selection {
text-shadow: none;
background: #b3d4fc;
}
pre[class*="language-"]::selection,
pre[class*="language-"] ::selection,
code[class*="language-"]::selection,
code[class*="language-"] ::selection {
text-shadow: none;
background: #b3d4fc;
}
@media print {
code[class*="language-"],
pre[class*="language-"] {
text-shadow: none;
}
}
/* Code blocks */
pre[class*="language-"] {
padding: 1em;
margin: .5em 0;
overflow: auto;
}
:not(pre)>code[class*="language-"],
pre[class*="language-"] {
background: #f5f2f0;
}
/* Inline code */
:not(pre)>code[class*="language-"] {
padding: .1em;
border-radius: .3em;
white-space: normal;
}
.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
color: slategray;
}
.token.punctuation {
color: #999;
}
.namespace {
opacity: .7;
}
.token.property,
.token.tag,
.token.boolean,
.token.number,
.token.constant,
.token.symbol,
.token.deleted {
color: #905;
}
.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted {
color: #690;
}
.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string {
color: #9a6e3a;
background: hsla(0, 0%, 100%, .5);
}
.token.atrule,
.token.attr-value,
.token.keyword {
color: #07a;
}
.token.function,
.token.class-name {
color: #DD4A68;
}
.token.regex,
.token.important,
.token.variable {
color: #e90;
}
.token.important,
.token.bold {
font-weight: bold;
}
.token.italic {
font-style: italic;
}
.token.entity {
cursor: help;
}

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

Binary file not shown.

File diff suppressed because one or more lines are too long

View File

@ -0,0 +1,373 @@
{
"id": "1858883",
"name": "pe'a'rui",
"font_family": "iconfont",
"css_prefix_text": "pear-icon",
"description": "",
"glyphs": [
{
"icon_id": "15045228",
"name": "目录1",
"font_class": "mulu1",
"unicode": "e670",
"unicode_decimal": 58992
},
{
"icon_id": "15045229",
"name": "编辑",
"font_class": "bianji1",
"unicode": "e671",
"unicode_decimal": 58993
},
{
"icon_id": "15045230",
"name": "更多1",
"font_class": "gengduo1",
"unicode": "e672",
"unicode_decimal": 58994
},
{
"icon_id": "15057284",
"name": "搜素",
"font_class": "sousu",
"unicode": "e673",
"unicode_decimal": 58995
},
{
"icon_id": "15057286",
"name": "设置",
"font_class": "shezhi",
"unicode": "e674",
"unicode_decimal": 58996
},
{
"icon_id": "15057288",
"name": "下载",
"font_class": "xiazai1",
"unicode": "e675",
"unicode_decimal": 58997
},
{
"icon_id": "15057293",
"name": "我的",
"font_class": "wode1",
"unicode": "e676",
"unicode_decimal": 58998
},
{
"icon_id": "15057296",
"name": "工具箱",
"font_class": "gongjuxiang",
"unicode": "e677",
"unicode_decimal": 58999
},
{
"icon_id": "15057297",
"name": "警告",
"font_class": "jinggao",
"unicode": "e678",
"unicode_decimal": 59000
},
{
"icon_id": "15057298",
"name": "星球",
"font_class": "xingqiu",
"unicode": "e679",
"unicode_decimal": 59001
},
{
"icon_id": "15057299",
"name": "邮件",
"font_class": "youjian",
"unicode": "e67a",
"unicode_decimal": 59002
},
{
"icon_id": "15057302",
"name": "链接",
"font_class": "lianjie",
"unicode": "e67b",
"unicode_decimal": 59003
},
{
"icon_id": "15033675",
"name": "转换",
"font_class": "zhuanhuan",
"unicode": "e644",
"unicode_decimal": 58948
},
{
"icon_id": "15033678",
"name": "分类1",
"font_class": "fenlei1",
"unicode": "e647",
"unicode_decimal": 58951
},
{
"icon_id": "15033683",
"name": "扫码",
"font_class": "saoma",
"unicode": "e64a",
"unicode_decimal": 58954
},
{
"icon_id": "15033684",
"name": "二维码",
"font_class": "erweima",
"unicode": "e64b",
"unicode_decimal": 58955
},
{
"icon_id": "15042790",
"name": "定位",
"font_class": "dingwei",
"unicode": "e64c",
"unicode_decimal": 58956
},
{
"icon_id": "15042791",
"name": "关闭",
"font_class": "guanbi",
"unicode": "e64d",
"unicode_decimal": 58957
},
{
"icon_id": "15042792",
"name": "分享",
"font_class": "fenxiang",
"unicode": "e64e",
"unicode_decimal": 58958
},
{
"icon_id": "15042793",
"name": "分享1",
"font_class": "fenxiang1",
"unicode": "e64f",
"unicode_decimal": 58959
},
{
"icon_id": "15042794",
"name": "关闭1",
"font_class": "guanbi1",
"unicode": "e650",
"unicode_decimal": 58960
},
{
"icon_id": "15042795",
"name": "多云",
"font_class": "duoyun",
"unicode": "e651",
"unicode_decimal": 58961
},
{
"icon_id": "15042796",
"name": "发现",
"font_class": "faxian",
"unicode": "e652",
"unicode_decimal": 58962
},
{
"icon_id": "15042797",
"name": "我的",
"font_class": "wode",
"unicode": "e653",
"unicode_decimal": 58963
},
{
"icon_id": "15042798",
"name": "编辑",
"font_class": "bianji",
"unicode": "e654",
"unicode_decimal": 58964
},
{
"icon_id": "15042799",
"name": "消息",
"font_class": "xiaoxi",
"unicode": "e655",
"unicode_decimal": 58965
},
{
"icon_id": "15042800",
"name": "首页",
"font_class": "shouye",
"unicode": "e656",
"unicode_decimal": 58966
},
{
"icon_id": "15042801",
"name": "窗户",
"font_class": "chuanghu",
"unicode": "e657",
"unicode_decimal": 58967
},
{
"icon_id": "15042802",
"name": "账单",
"font_class": "zhangdan",
"unicode": "e658",
"unicode_decimal": 58968
},
{
"icon_id": "15042803",
"name": "导航",
"font_class": "daohang",
"unicode": "e659",
"unicode_decimal": 58969
},
{
"icon_id": "15042804",
"name": "文件夹1",
"font_class": "wenjianjia1",
"unicode": "e65a",
"unicode_decimal": 58970
},
{
"icon_id": "15042805",
"name": "鼠标",
"font_class": "shubiao",
"unicode": "e65b",
"unicode_decimal": 58971
},
{
"icon_id": "15042806",
"name": "生活",
"font_class": "shenghuo",
"unicode": "e65c",
"unicode_decimal": 58972
},
{
"icon_id": "15042807",
"name": "耳机",
"font_class": "erji",
"unicode": "e65d",
"unicode_decimal": 58973
},
{
"icon_id": "15042808",
"name": "删除",
"font_class": "shanchu",
"unicode": "e65e",
"unicode_decimal": 58974
},
{
"icon_id": "15042809",
"name": "更多",
"font_class": "gengduo",
"unicode": "e65f",
"unicode_decimal": 58975
},
{
"icon_id": "15042810",
"name": "语音",
"font_class": "yuyin",
"unicode": "e660",
"unicode_decimal": 58976
},
{
"icon_id": "15042811",
"name": "文件",
"font_class": "wenjian",
"unicode": "e661",
"unicode_decimal": 58977
},
{
"icon_id": "15042812",
"name": "信号",
"font_class": "xinhao",
"unicode": "e662",
"unicode_decimal": 58978
},
{
"icon_id": "15042813",
"name": "首页1",
"font_class": "shouye1",
"unicode": "e663",
"unicode_decimal": 58979
},
{
"icon_id": "15042814",
"name": "图片",
"font_class": "tupian",
"unicode": "e664",
"unicode_decimal": 58980
},
{
"icon_id": "15042815",
"name": "文件夹",
"font_class": "wenjianjia",
"unicode": "e665",
"unicode_decimal": 58981
},
{
"icon_id": "15042816",
"name": "锁",
"font_class": "suo",
"unicode": "e666",
"unicode_decimal": 58982
},
{
"icon_id": "15045217",
"name": "等级",
"font_class": "dengji",
"unicode": "e667",
"unicode_decimal": 58983
},
{
"icon_id": "15045218",
"name": "上传1",
"font_class": "shangchuan1",
"unicode": "e668",
"unicode_decimal": 58984
},
{
"icon_id": "15045220",
"name": "添加",
"font_class": "tianjia",
"unicode": "e669",
"unicode_decimal": 58985
},
{
"icon_id": "15045221",
"name": "返回",
"font_class": "fanhui",
"unicode": "e66a",
"unicode_decimal": 58986
},
{
"icon_id": "15045222",
"name": "账单",
"font_class": "zhangdan1",
"unicode": "e66b",
"unicode_decimal": 58987
},
{
"icon_id": "15045223",
"name": "下载",
"font_class": "xiazai",
"unicode": "e66c",
"unicode_decimal": 58988
},
{
"icon_id": "15045224",
"name": "目录",
"font_class": "mulu",
"unicode": "e66d",
"unicode_decimal": 58989
},
{
"icon_id": "15045226",
"name": "关闭",
"font_class": "guanbi2",
"unicode": "e66e",
"unicode_decimal": 58990
},
{
"icon_id": "15045227",
"name": "上传",
"font_class": "shangchuan",
"unicode": "e66f",
"unicode_decimal": 58991
}
]
}

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 134 KiB

Binary file not shown.

Binary file not shown.

Binary file not shown.

View File

@ -92,6 +92,15 @@
"href": "view/common/basic/button.html",
"spread": true
},
{
"id": 200,
"title": "字体图标",
"icon": "layui-icon layui-icon-face-smile",
"type": 1,
"openType": "_iframe",
"href": "view/common/basic/icon.html",
"spread": true
},
{
"id": 212,
"title": "表单集合",

View File

@ -14,7 +14,7 @@
<link rel="stylesheet" href="admin/css/pearMenu.css" />
<style id="pearone-bg-color"></style>
</head>
<body class="layui-layout-body pear-admin">
<body class="layui-layout-body pear-admin">
<!-- 布局框架 -->
<div class="layui-layout layui-layout-admin">
<div class="layui-header">

File diff suppressed because it is too large Load Diff