feat: 更新iconfont
This commit is contained in:
+71
-63
@@ -1,253 +1,261 @@
|
||||
@font-face {
|
||||
font-family: "j-icon";
|
||||
/* Project id 4489595 */
|
||||
src: url('./assets/font/iconfont.ttf?t=1715597123285') format('truetype');
|
||||
src: url('./assets/font/iconfont.ttf?t=12') format('truetype');
|
||||
}
|
||||
|
||||
.j-icon {
|
||||
font-family: 'j-icon' !important;
|
||||
font-family: "j-icon" !important;
|
||||
font-size: 16px;
|
||||
font-style: normal;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.j-icon-translate2:before {
|
||||
content: "\e600";
|
||||
}
|
||||
|
||||
.j-icon-translate:before {
|
||||
content: "\e73c";
|
||||
}
|
||||
|
||||
.j-icon-error:before {
|
||||
content: '\e73b';
|
||||
content: "\e73b";
|
||||
}
|
||||
|
||||
.j-icon-more:before {
|
||||
content: '\e73a';
|
||||
content: "\e73a";
|
||||
}
|
||||
|
||||
.j-icon-scan:before {
|
||||
content: '\e738';
|
||||
content: "\e738";
|
||||
}
|
||||
|
||||
.j-icon-fire:before {
|
||||
content: '\e739';
|
||||
content: "\e739";
|
||||
}
|
||||
|
||||
.j-icon-arrow-down-circle:before {
|
||||
content: '\e731';
|
||||
content: "\e731";
|
||||
}
|
||||
|
||||
.j-icon-map:before {
|
||||
content: '\e732';
|
||||
content: "\e732";
|
||||
}
|
||||
|
||||
.j-icon-map-fill:before {
|
||||
content: '\e733';
|
||||
content: "\e733";
|
||||
}
|
||||
|
||||
.j-icon-help-circle:before {
|
||||
content: '\e72f';
|
||||
content: "\e72f";
|
||||
}
|
||||
|
||||
.j-icon-warn-circle:before {
|
||||
content: '\e730';
|
||||
content: "\e730";
|
||||
}
|
||||
|
||||
.j-icon-backspace:before {
|
||||
content: '\e72d';
|
||||
content: "\e72d";
|
||||
}
|
||||
|
||||
.j-icon-backspace-fill:before {
|
||||
content: '\e72c';
|
||||
content: "\e72c";
|
||||
}
|
||||
|
||||
.j-icon-eye-close:before {
|
||||
content: '\e72e';
|
||||
content: "\e72e";
|
||||
}
|
||||
|
||||
.j-icon-upload:before {
|
||||
content: '\e722';
|
||||
content: "\e722";
|
||||
}
|
||||
|
||||
.j-icon-eye-disable:before {
|
||||
content: '\e726';
|
||||
content: "\e726";
|
||||
}
|
||||
|
||||
.j-icon-record:before {
|
||||
content: '\e725';
|
||||
content: "\e725";
|
||||
}
|
||||
|
||||
.j-icon-icon-test3:before {
|
||||
content: '\e724';
|
||||
content: "\e724";
|
||||
}
|
||||
|
||||
.j-icon-icon-test5:before {
|
||||
content: '\e723';
|
||||
content: "\e723";
|
||||
}
|
||||
|
||||
.j-icon-icon-test9:before {
|
||||
content: '\e721';
|
||||
content: "\e721";
|
||||
}
|
||||
|
||||
.j-icon-editor-fill:before {
|
||||
content: '\e72b';
|
||||
content: "\e72b";
|
||||
}
|
||||
|
||||
.j-icon-share:before {
|
||||
content: '\e729';
|
||||
content: "\e729";
|
||||
}
|
||||
|
||||
.j-icon-share-fill:before {
|
||||
content: '\e728';
|
||||
content: "\e728";
|
||||
}
|
||||
|
||||
.j-icon-editor:before {
|
||||
content: '\e72a';
|
||||
content: "\e72a";
|
||||
}
|
||||
|
||||
.j-icon-wechat:before {
|
||||
content: '\e727';
|
||||
content: "\e727";
|
||||
}
|
||||
|
||||
.j-icon-telephone:before {
|
||||
content: '\e71c';
|
||||
content: "\e71c";
|
||||
}
|
||||
|
||||
.j-icon-user:before {
|
||||
content: '\e71a';
|
||||
content: "\e71a";
|
||||
}
|
||||
|
||||
.j-icon-add:before {
|
||||
content: '\e700';
|
||||
content: "\e700";
|
||||
}
|
||||
|
||||
.j-icon-add-circle:before {
|
||||
content: '\e710';
|
||||
content: "\e710";
|
||||
}
|
||||
|
||||
.j-icon-arrow-up-circle:before {
|
||||
content: '\e720';
|
||||
content: "\e720";
|
||||
}
|
||||
|
||||
.j-icon-arrow-right-circle:before {
|
||||
content: '\e71f';
|
||||
content: "\e71f";
|
||||
}
|
||||
|
||||
.j-icon-arrow-down:before {
|
||||
content: '\e702';
|
||||
content: "\e702";
|
||||
}
|
||||
|
||||
.j-icon-ashbin:before {
|
||||
content: '\e71d';
|
||||
.j-icon-dustbin:before {
|
||||
content: "\e71d";
|
||||
}
|
||||
|
||||
.j-icon-arrow-right:before {
|
||||
content: '\e703';
|
||||
content: "\e703";
|
||||
}
|
||||
|
||||
.j-icon-eye:before {
|
||||
content: '\e719';
|
||||
content: "\e719";
|
||||
}
|
||||
|
||||
.j-icon-bottom:before {
|
||||
content: '\e707';
|
||||
content: "\e707";
|
||||
}
|
||||
|
||||
.j-icon-arrow-left-circle:before {
|
||||
content: '\e71e';
|
||||
content: "\e71e";
|
||||
}
|
||||
|
||||
.j-icon-attachment:before {
|
||||
content: '\e714';
|
||||
content: "\e714";
|
||||
}
|
||||
|
||||
.j-icon-code:before {
|
||||
content: '\e717';
|
||||
content: "\e717";
|
||||
}
|
||||
|
||||
.j-icon-close:before {
|
||||
content: '\e704';
|
||||
content: "\e704";
|
||||
}
|
||||
|
||||
.j-icon-complete:before {
|
||||
content: '\e718';
|
||||
content: "\e718";
|
||||
}
|
||||
|
||||
.j-icon-download:before {
|
||||
content: '\e716';
|
||||
content: "\e716";
|
||||
}
|
||||
|
||||
.j-icon-minus:before {
|
||||
content: '\e701';
|
||||
content: "\e701";
|
||||
}
|
||||
|
||||
.j-icon-picture:before {
|
||||
content: '\e712';
|
||||
content: "\e712";
|
||||
}
|
||||
|
||||
.j-icon-search:before {
|
||||
content: '\e711';
|
||||
content: "\e711";
|
||||
}
|
||||
|
||||
.j-icon-select:before {
|
||||
content: '\e705';
|
||||
content: "\e705";
|
||||
}
|
||||
|
||||
.j-icon-success:before {
|
||||
content: '\e706';
|
||||
content: "\e706";
|
||||
}
|
||||
|
||||
.j-icon-add-bold:before {
|
||||
content: '\e708';
|
||||
content: "\e708";
|
||||
}
|
||||
|
||||
.j-icon-arrow-left-bold:before {
|
||||
content: '\e70f';
|
||||
content: "\e70f";
|
||||
}
|
||||
|
||||
.j-icon-arrow-up-bold:before {
|
||||
content: '\e70e';
|
||||
content: "\e70e";
|
||||
}
|
||||
|
||||
.j-icon-close-bold:before {
|
||||
content: '\e70d';
|
||||
content: "\e70d";
|
||||
}
|
||||
|
||||
.j-icon-arrow-down-bold:before {
|
||||
content: '\e70c';
|
||||
content: "\e70c";
|
||||
}
|
||||
|
||||
.j-icon-minus-bold:before {
|
||||
content: '\e709';
|
||||
content: "\e709";
|
||||
}
|
||||
|
||||
.j-icon-arrow-right-bold:before {
|
||||
content: '\e70b';
|
||||
content: "\e70b";
|
||||
}
|
||||
|
||||
.j-icon-select-bold:before {
|
||||
content: '\e70a';
|
||||
content: "\e70a";
|
||||
}
|
||||
|
||||
.j-icon-arrow-up-fill:before {
|
||||
content: '\e737';
|
||||
content: "\e737";
|
||||
}
|
||||
|
||||
.j-icon-arrow-down-fill:before {
|
||||
content: '\e736';
|
||||
content: "\e736";
|
||||
}
|
||||
|
||||
.j-icon-arrow-left-fill:before {
|
||||
content: '\e735';
|
||||
content: "\e735";
|
||||
}
|
||||
|
||||
.j-icon-arrow-right-fill:before {
|
||||
content: '\e734';
|
||||
content: "\e734";
|
||||
}
|
||||
|
||||
.j-icon-user-fill:before {
|
||||
content: '\e71b';
|
||||
content: "\e71b";
|
||||
}
|
||||
|
||||
.j-icon-success-filling:before {
|
||||
content: '\e713';
|
||||
content: "\e713";
|
||||
}
|
||||
|
||||
.j-icon-top-filling:before {
|
||||
content: '\e715';
|
||||
content: "\e715";
|
||||
}
|
||||
@@ -54,6 +54,18 @@
|
||||
<div class="content unicode" style="display: block;">
|
||||
<ul class="icon_lists dib-box">
|
||||
|
||||
<li class="dib">
|
||||
<span class="icon iconfont"></span>
|
||||
<div class="name">translate2</div>
|
||||
<div class="code-name">&#xe600;</div>
|
||||
</li>
|
||||
|
||||
<li class="dib">
|
||||
<span class="icon iconfont"></span>
|
||||
<div class="name">translate</div>
|
||||
<div class="code-name">&#xe73c;</div>
|
||||
</li>
|
||||
|
||||
<li class="dib">
|
||||
<span class="icon iconfont"></span>
|
||||
<div class="name">error</div>
|
||||
@@ -432,9 +444,9 @@
|
||||
<pre><code class="language-css"
|
||||
>@font-face {
|
||||
font-family: 'iconfont';
|
||||
src: url('iconfont.woff2?t=1715597123285') format('woff2'),
|
||||
url('iconfont.woff?t=1715597123285') format('woff'),
|
||||
url('iconfont.ttf?t=1715597123285') format('truetype');
|
||||
src: url('iconfont.woff2?t=1749113785534') format('woff2'),
|
||||
url('iconfont.woff?t=1749113785534') format('woff'),
|
||||
url('iconfont.ttf?t=1749113785534') format('truetype');
|
||||
}
|
||||
</code></pre>
|
||||
<h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
|
||||
@@ -460,6 +472,24 @@
|
||||
<div class="content font-class">
|
||||
<ul class="icon_lists dib-box">
|
||||
|
||||
<li class="dib">
|
||||
<span class="icon iconfont icon-fanyi"></span>
|
||||
<div class="name">
|
||||
translate2
|
||||
</div>
|
||||
<div class="code-name">.icon-fanyi
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li class="dib">
|
||||
<span class="icon iconfont icon-fanyi_translate"></span>
|
||||
<div class="name">
|
||||
translate
|
||||
</div>
|
||||
<div class="code-name">.icon-fanyi_translate
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li class="dib">
|
||||
<span class="icon iconfont icon-error"></span>
|
||||
<div class="name">
|
||||
@@ -1027,6 +1057,22 @@
|
||||
<div class="content symbol">
|
||||
<ul class="icon_lists dib-box">
|
||||
|
||||
<li class="dib">
|
||||
<svg class="icon svg-icon" aria-hidden="true">
|
||||
<use xlink:href="#icon-fanyi"></use>
|
||||
</svg>
|
||||
<div class="name">translate2</div>
|
||||
<div class="code-name">#icon-fanyi</div>
|
||||
</li>
|
||||
|
||||
<li class="dib">
|
||||
<svg class="icon svg-icon" aria-hidden="true">
|
||||
<use xlink:href="#icon-fanyi_translate"></use>
|
||||
</svg>
|
||||
<div class="name">translate</div>
|
||||
<div class="code-name">#icon-fanyi_translate</div>
|
||||
</li>
|
||||
|
||||
<li class="dib">
|
||||
<svg class="icon svg-icon" aria-hidden="true">
|
||||
<use xlink:href="#icon-error"></use>
|
||||
|
||||
@@ -1,8 +1,8 @@
|
||||
@font-face {
|
||||
font-family: "iconfont"; /* Project id 4489595 */
|
||||
src: url('iconfont.woff2?t=1715597123285') format('woff2'),
|
||||
url('iconfont.woff?t=1715597123285') format('woff'),
|
||||
url('iconfont.ttf?t=1715597123285') format('truetype');
|
||||
src: url('iconfont.woff2?t=1749113785534') format('woff2'),
|
||||
url('iconfont.woff?t=1749113785534') format('woff'),
|
||||
url('iconfont.ttf?t=1749113785534') format('truetype');
|
||||
}
|
||||
|
||||
.iconfont {
|
||||
@@ -13,6 +13,14 @@
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.icon-fanyi:before {
|
||||
content: "\e600";
|
||||
}
|
||||
|
||||
.icon-fanyi_translate:before {
|
||||
content: "\e73c";
|
||||
}
|
||||
|
||||
.icon-error:before {
|
||||
content: "\e73b";
|
||||
}
|
||||
|
||||
File diff suppressed because one or more lines are too long
@@ -5,6 +5,20 @@
|
||||
"css_prefix_text": "icon-",
|
||||
"description": "",
|
||||
"glyphs": [
|
||||
{
|
||||
"icon_id": "22779598",
|
||||
"name": "translate2",
|
||||
"font_class": "fanyi",
|
||||
"unicode": "e600",
|
||||
"unicode_decimal": 58880
|
||||
},
|
||||
{
|
||||
"icon_id": "36857448",
|
||||
"name": "translate",
|
||||
"font_class": "fanyi_translate",
|
||||
"unicode": "e73c",
|
||||
"unicode_decimal": 59196
|
||||
},
|
||||
{
|
||||
"icon_id": "15838473",
|
||||
"name": "error",
|
||||
|
||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
@@ -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
@@ -0,0 +1,255 @@
|
||||
@font-face {
|
||||
font-family: "iconfont"; /* Project id 4489595 */
|
||||
src: url('iconfont.woff2?t=1715597123285') format('woff2'),
|
||||
url('iconfont.woff?t=1715597123285') format('woff'),
|
||||
url('iconfont.ttf?t=1715597123285') format('truetype');
|
||||
}
|
||||
|
||||
.iconfont {
|
||||
font-family: "iconfont" !important;
|
||||
font-size: 16px;
|
||||
font-style: normal;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.icon-error:before {
|
||||
content: "\e73b";
|
||||
}
|
||||
|
||||
.icon-more:before {
|
||||
content: "\e73a";
|
||||
}
|
||||
|
||||
.icon-scan:before {
|
||||
content: "\e738";
|
||||
}
|
||||
|
||||
.icon-fire:before {
|
||||
content: "\e739";
|
||||
}
|
||||
|
||||
.icon-arrow-down-circle:before {
|
||||
content: "\e731";
|
||||
}
|
||||
|
||||
.icon-map:before {
|
||||
content: "\e732";
|
||||
}
|
||||
|
||||
.icon-map-fill:before {
|
||||
content: "\e733";
|
||||
}
|
||||
|
||||
.icon-help-circle:before {
|
||||
content: "\e72f";
|
||||
}
|
||||
|
||||
.icon-warn-circle:before {
|
||||
content: "\e730";
|
||||
}
|
||||
|
||||
.icon-backspace:before {
|
||||
content: "\e72d";
|
||||
}
|
||||
|
||||
.icon-backspace-fill:before {
|
||||
content: "\e72c";
|
||||
}
|
||||
|
||||
.icon-eye-close:before {
|
||||
content: "\e72e";
|
||||
}
|
||||
|
||||
.icon-upload:before {
|
||||
content: "\e722";
|
||||
}
|
||||
|
||||
.icon-eye-disable:before {
|
||||
content: "\e726";
|
||||
}
|
||||
|
||||
.icon-record:before {
|
||||
content: "\e725";
|
||||
}
|
||||
|
||||
.icon-icon-test3:before {
|
||||
content: "\e724";
|
||||
}
|
||||
|
||||
.icon-icon-test5:before {
|
||||
content: "\e723";
|
||||
}
|
||||
|
||||
.icon-icon-test9:before {
|
||||
content: "\e721";
|
||||
}
|
||||
|
||||
.icon-editor-fill:before {
|
||||
content: "\e72b";
|
||||
}
|
||||
|
||||
.icon-share:before {
|
||||
content: "\e729";
|
||||
}
|
||||
|
||||
.icon-share-fill:before {
|
||||
content: "\e728";
|
||||
}
|
||||
|
||||
.icon-editor:before {
|
||||
content: "\e72a";
|
||||
}
|
||||
|
||||
.icon-wechat:before {
|
||||
content: "\e727";
|
||||
}
|
||||
|
||||
.icon-telephone:before {
|
||||
content: "\e71c";
|
||||
}
|
||||
|
||||
.icon-user:before {
|
||||
content: "\e71a";
|
||||
}
|
||||
|
||||
.icon-add:before {
|
||||
content: "\e700";
|
||||
}
|
||||
|
||||
.icon-add-circle:before {
|
||||
content: "\e710";
|
||||
}
|
||||
|
||||
.icon-arrow-up-circle:before {
|
||||
content: "\e720";
|
||||
}
|
||||
|
||||
.icon-arrow-right-circle:before {
|
||||
content: "\e71f";
|
||||
}
|
||||
|
||||
.icon-arrow-down:before {
|
||||
content: "\e702";
|
||||
}
|
||||
|
||||
.icon-ashbin:before {
|
||||
content: "\e71d";
|
||||
}
|
||||
|
||||
.icon-arrow-right:before {
|
||||
content: "\e703";
|
||||
}
|
||||
|
||||
.icon-eye:before {
|
||||
content: "\e719";
|
||||
}
|
||||
|
||||
.icon-bottom:before {
|
||||
content: "\e707";
|
||||
}
|
||||
|
||||
.icon-arrow-left-circle:before {
|
||||
content: "\e71e";
|
||||
}
|
||||
|
||||
.icon-attachment:before {
|
||||
content: "\e714";
|
||||
}
|
||||
|
||||
.icon-code:before {
|
||||
content: "\e717";
|
||||
}
|
||||
|
||||
.icon-close:before {
|
||||
content: "\e704";
|
||||
}
|
||||
|
||||
.icon-complete:before {
|
||||
content: "\e718";
|
||||
}
|
||||
|
||||
.icon-download:before {
|
||||
content: "\e716";
|
||||
}
|
||||
|
||||
.icon-minus:before {
|
||||
content: "\e701";
|
||||
}
|
||||
|
||||
.icon-picture:before {
|
||||
content: "\e712";
|
||||
}
|
||||
|
||||
.icon-search:before {
|
||||
content: "\e711";
|
||||
}
|
||||
|
||||
.icon-select:before {
|
||||
content: "\e705";
|
||||
}
|
||||
|
||||
.icon-success:before {
|
||||
content: "\e706";
|
||||
}
|
||||
|
||||
.icon-add-bold:before {
|
||||
content: "\e708";
|
||||
}
|
||||
|
||||
.icon-arrow-left-bold:before {
|
||||
content: "\e70f";
|
||||
}
|
||||
|
||||
.icon-arrow-up-bold:before {
|
||||
content: "\e70e";
|
||||
}
|
||||
|
||||
.icon-close-bold:before {
|
||||
content: "\e70d";
|
||||
}
|
||||
|
||||
.icon-arrow-down-bold:before {
|
||||
content: "\e70c";
|
||||
}
|
||||
|
||||
.icon-minus-bold:before {
|
||||
content: "\e709";
|
||||
}
|
||||
|
||||
.icon-arrow-right-bold:before {
|
||||
content: "\e70b";
|
||||
}
|
||||
|
||||
.icon-select-bold:before {
|
||||
content: "\e70a";
|
||||
}
|
||||
|
||||
.icon-arrow-up-fill:before {
|
||||
content: "\e737";
|
||||
}
|
||||
|
||||
.icon-arrow-down-fill:before {
|
||||
content: "\e736";
|
||||
}
|
||||
|
||||
.icon-arrow-left-fill:before {
|
||||
content: "\e735";
|
||||
}
|
||||
|
||||
.icon-arrow-right-fill:before {
|
||||
content: "\e734";
|
||||
}
|
||||
|
||||
.icon-user-fill:before {
|
||||
content: "\e71b";
|
||||
}
|
||||
|
||||
.icon-success-filling:before {
|
||||
content: "\e713";
|
||||
}
|
||||
|
||||
.icon-top-filling:before {
|
||||
content: "\e715";
|
||||
}
|
||||
|
||||
File diff suppressed because one or more lines are too long
@@ -0,0 +1,429 @@
|
||||
{
|
||||
"id": "4489595",
|
||||
"name": "SVG2字体",
|
||||
"font_family": "iconfont",
|
||||
"css_prefix_text": "icon-",
|
||||
"description": "",
|
||||
"glyphs": [
|
||||
{
|
||||
"icon_id": "15838473",
|
||||
"name": "error",
|
||||
"font_class": "error",
|
||||
"unicode": "e73b",
|
||||
"unicode_decimal": 59195
|
||||
},
|
||||
{
|
||||
"icon_id": "15838508",
|
||||
"name": "more",
|
||||
"font_class": "more",
|
||||
"unicode": "e73a",
|
||||
"unicode_decimal": 59194
|
||||
},
|
||||
{
|
||||
"icon_id": "11372685",
|
||||
"name": "scan",
|
||||
"font_class": "scan",
|
||||
"unicode": "e738",
|
||||
"unicode_decimal": 59192
|
||||
},
|
||||
{
|
||||
"icon_id": "11372790",
|
||||
"name": "fire",
|
||||
"font_class": "fire",
|
||||
"unicode": "e739",
|
||||
"unicode_decimal": 59193
|
||||
},
|
||||
{
|
||||
"icon_id": "15838459",
|
||||
"name": "arrow-down-circle",
|
||||
"font_class": "arrow-down-circle",
|
||||
"unicode": "e731",
|
||||
"unicode_decimal": 59185
|
||||
},
|
||||
{
|
||||
"icon_id": "15838499",
|
||||
"name": "map",
|
||||
"font_class": "map",
|
||||
"unicode": "e732",
|
||||
"unicode_decimal": 59186
|
||||
},
|
||||
{
|
||||
"icon_id": "15838614",
|
||||
"name": "map-fill",
|
||||
"font_class": "map-fill",
|
||||
"unicode": "e733",
|
||||
"unicode_decimal": 59187
|
||||
},
|
||||
{
|
||||
"icon_id": "39727400",
|
||||
"name": "help-circle",
|
||||
"font_class": "help-circle",
|
||||
"unicode": "e72f",
|
||||
"unicode_decimal": 59183
|
||||
},
|
||||
{
|
||||
"icon_id": "39727412",
|
||||
"name": "warn-circle",
|
||||
"font_class": "warn-circle",
|
||||
"unicode": "e730",
|
||||
"unicode_decimal": 59184
|
||||
},
|
||||
{
|
||||
"icon_id": "39768554",
|
||||
"name": "backspace",
|
||||
"font_class": "backspace",
|
||||
"unicode": "e72d",
|
||||
"unicode_decimal": 59181
|
||||
},
|
||||
{
|
||||
"icon_id": "39768569",
|
||||
"name": "backspace-fill",
|
||||
"font_class": "backspace-fill",
|
||||
"unicode": "e72c",
|
||||
"unicode_decimal": 59180
|
||||
},
|
||||
{
|
||||
"icon_id": "29306576",
|
||||
"name": "eye-close",
|
||||
"font_class": "eye-close",
|
||||
"unicode": "e72e",
|
||||
"unicode_decimal": 59182
|
||||
},
|
||||
{
|
||||
"icon_id": "15838548",
|
||||
"name": "upload",
|
||||
"font_class": "upload",
|
||||
"unicode": "e722",
|
||||
"unicode_decimal": 59170
|
||||
},
|
||||
{
|
||||
"icon_id": "8776676",
|
||||
"name": "eye-disable",
|
||||
"font_class": "eye-disable",
|
||||
"unicode": "e726",
|
||||
"unicode_decimal": 59174
|
||||
},
|
||||
{
|
||||
"icon_id": "8776711",
|
||||
"name": "record",
|
||||
"font_class": "record",
|
||||
"unicode": "e725",
|
||||
"unicode_decimal": 59173
|
||||
},
|
||||
{
|
||||
"icon_id": "8776715",
|
||||
"name": "time",
|
||||
"font_class": "icon-test3",
|
||||
"unicode": "e724",
|
||||
"unicode_decimal": 59172
|
||||
},
|
||||
{
|
||||
"icon_id": "8776873",
|
||||
"name": "setting",
|
||||
"font_class": "icon-test5",
|
||||
"unicode": "e723",
|
||||
"unicode_decimal": 59171
|
||||
},
|
||||
{
|
||||
"icon_id": "8777166",
|
||||
"name": "email",
|
||||
"font_class": "icon-test9",
|
||||
"unicode": "e721",
|
||||
"unicode_decimal": 59169
|
||||
},
|
||||
{
|
||||
"icon_id": "11372791",
|
||||
"name": "editor-fill",
|
||||
"font_class": "editor-fill",
|
||||
"unicode": "e72b",
|
||||
"unicode_decimal": 59179
|
||||
},
|
||||
{
|
||||
"icon_id": "39768492",
|
||||
"name": "share",
|
||||
"font_class": "share",
|
||||
"unicode": "e729",
|
||||
"unicode_decimal": 59177
|
||||
},
|
||||
{
|
||||
"icon_id": "39768493",
|
||||
"name": "share-fill",
|
||||
"font_class": "share-fill",
|
||||
"unicode": "e728",
|
||||
"unicode_decimal": 59176
|
||||
},
|
||||
{
|
||||
"icon_id": "11372647",
|
||||
"name": "editor",
|
||||
"font_class": "editor",
|
||||
"unicode": "e72a",
|
||||
"unicode_decimal": 59178
|
||||
},
|
||||
{
|
||||
"icon_id": "39768549",
|
||||
"name": "wechat",
|
||||
"font_class": "wechat",
|
||||
"unicode": "e727",
|
||||
"unicode_decimal": 59175
|
||||
},
|
||||
{
|
||||
"icon_id": "15838544",
|
||||
"name": "telephone",
|
||||
"font_class": "telephone",
|
||||
"unicode": "e71c",
|
||||
"unicode_decimal": 59164
|
||||
},
|
||||
{
|
||||
"icon_id": "15838547",
|
||||
"name": "user",
|
||||
"font_class": "user",
|
||||
"unicode": "e71a",
|
||||
"unicode_decimal": 59162
|
||||
},
|
||||
{
|
||||
"icon_id": "15838424",
|
||||
"name": "add",
|
||||
"font_class": "add",
|
||||
"unicode": "e700",
|
||||
"unicode_decimal": 59136
|
||||
},
|
||||
{
|
||||
"icon_id": "15838425",
|
||||
"name": "add-circle",
|
||||
"font_class": "add-circle",
|
||||
"unicode": "e710",
|
||||
"unicode_decimal": 59152
|
||||
},
|
||||
{
|
||||
"icon_id": "15838427",
|
||||
"name": "arrow-up-circle",
|
||||
"font_class": "arrow-up-circle",
|
||||
"unicode": "e720",
|
||||
"unicode_decimal": 59168
|
||||
},
|
||||
{
|
||||
"icon_id": "15838428",
|
||||
"name": "arrow-right-circle",
|
||||
"font_class": "arrow-right-circle",
|
||||
"unicode": "e71f",
|
||||
"unicode_decimal": 59167
|
||||
},
|
||||
{
|
||||
"icon_id": "15838429",
|
||||
"name": "arrow-down",
|
||||
"font_class": "arrow-down",
|
||||
"unicode": "e702",
|
||||
"unicode_decimal": 59138
|
||||
},
|
||||
{
|
||||
"icon_id": "15838430",
|
||||
"name": "dustbin",
|
||||
"font_class": "ashbin",
|
||||
"unicode": "e71d",
|
||||
"unicode_decimal": 59165
|
||||
},
|
||||
{
|
||||
"icon_id": "15838431",
|
||||
"name": "arrow-right",
|
||||
"font_class": "arrow-right",
|
||||
"unicode": "e703",
|
||||
"unicode_decimal": 59139
|
||||
},
|
||||
{
|
||||
"icon_id": "15838432",
|
||||
"name": "eye",
|
||||
"font_class": "eye",
|
||||
"unicode": "e719",
|
||||
"unicode_decimal": 59161
|
||||
},
|
||||
{
|
||||
"icon_id": "15838433",
|
||||
"name": "bottom",
|
||||
"font_class": "bottom",
|
||||
"unicode": "e707",
|
||||
"unicode_decimal": 59143
|
||||
},
|
||||
{
|
||||
"icon_id": "15838437",
|
||||
"name": "arrow-left-circle",
|
||||
"font_class": "arrow-left-circle",
|
||||
"unicode": "e71e",
|
||||
"unicode_decimal": 59166
|
||||
},
|
||||
{
|
||||
"icon_id": "15838442",
|
||||
"name": "attachment",
|
||||
"font_class": "attachment",
|
||||
"unicode": "e714",
|
||||
"unicode_decimal": 59156
|
||||
},
|
||||
{
|
||||
"icon_id": "15838443",
|
||||
"name": "code",
|
||||
"font_class": "code",
|
||||
"unicode": "e717",
|
||||
"unicode_decimal": 59159
|
||||
},
|
||||
{
|
||||
"icon_id": "15838444",
|
||||
"name": "close",
|
||||
"font_class": "close",
|
||||
"unicode": "e704",
|
||||
"unicode_decimal": 59140
|
||||
},
|
||||
{
|
||||
"icon_id": "15838450",
|
||||
"name": "complete",
|
||||
"font_class": "complete",
|
||||
"unicode": "e718",
|
||||
"unicode_decimal": 59160
|
||||
},
|
||||
{
|
||||
"icon_id": "15838464",
|
||||
"name": "download",
|
||||
"font_class": "download",
|
||||
"unicode": "e716",
|
||||
"unicode_decimal": 59158
|
||||
},
|
||||
{
|
||||
"icon_id": "15838514",
|
||||
"name": "minus",
|
||||
"font_class": "minus",
|
||||
"unicode": "e701",
|
||||
"unicode_decimal": 59137
|
||||
},
|
||||
{
|
||||
"icon_id": "15838521",
|
||||
"name": "picture",
|
||||
"font_class": "picture",
|
||||
"unicode": "e712",
|
||||
"unicode_decimal": 59154
|
||||
},
|
||||
{
|
||||
"icon_id": "15838525",
|
||||
"name": "search",
|
||||
"font_class": "search",
|
||||
"unicode": "e711",
|
||||
"unicode_decimal": 59153
|
||||
},
|
||||
{
|
||||
"icon_id": "15838530",
|
||||
"name": "select",
|
||||
"font_class": "select",
|
||||
"unicode": "e705",
|
||||
"unicode_decimal": 59141
|
||||
},
|
||||
{
|
||||
"icon_id": "15838532",
|
||||
"name": "success",
|
||||
"font_class": "success",
|
||||
"unicode": "e706",
|
||||
"unicode_decimal": 59142
|
||||
},
|
||||
{
|
||||
"icon_id": "15838560",
|
||||
"name": "add-bold",
|
||||
"font_class": "add-bold",
|
||||
"unicode": "e708",
|
||||
"unicode_decimal": 59144
|
||||
},
|
||||
{
|
||||
"icon_id": "15838561",
|
||||
"name": "arrow-left-bold",
|
||||
"font_class": "arrow-left-bold",
|
||||
"unicode": "e70f",
|
||||
"unicode_decimal": 59151
|
||||
},
|
||||
{
|
||||
"icon_id": "15838562",
|
||||
"name": "arrow-up-bold",
|
||||
"font_class": "arrow-up-bold",
|
||||
"unicode": "e70e",
|
||||
"unicode_decimal": 59150
|
||||
},
|
||||
{
|
||||
"icon_id": "15838563",
|
||||
"name": "close-bold",
|
||||
"font_class": "close-bold",
|
||||
"unicode": "e70d",
|
||||
"unicode_decimal": 59149
|
||||
},
|
||||
{
|
||||
"icon_id": "15838564",
|
||||
"name": "arrow-down-bold",
|
||||
"font_class": "arrow-down-bold",
|
||||
"unicode": "e70c",
|
||||
"unicode_decimal": 59148
|
||||
},
|
||||
{
|
||||
"icon_id": "15838565",
|
||||
"name": "minus-bold",
|
||||
"font_class": "minus-bold",
|
||||
"unicode": "e709",
|
||||
"unicode_decimal": 59145
|
||||
},
|
||||
{
|
||||
"icon_id": "15838566",
|
||||
"name": "arrow-right-bold",
|
||||
"font_class": "arrow-right-bold",
|
||||
"unicode": "e70b",
|
||||
"unicode_decimal": 59147
|
||||
},
|
||||
{
|
||||
"icon_id": "15838567",
|
||||
"name": "select-bold",
|
||||
"font_class": "select-bold",
|
||||
"unicode": "e70a",
|
||||
"unicode_decimal": 59146
|
||||
},
|
||||
{
|
||||
"icon_id": "15838581",
|
||||
"name": "arrow-up-fill",
|
||||
"font_class": "arrow-up-fill",
|
||||
"unicode": "e737",
|
||||
"unicode_decimal": 59191
|
||||
},
|
||||
{
|
||||
"icon_id": "15838582",
|
||||
"name": "arrow-down-fill",
|
||||
"font_class": "arrow-down-fill",
|
||||
"unicode": "e736",
|
||||
"unicode_decimal": 59190
|
||||
},
|
||||
{
|
||||
"icon_id": "15838583",
|
||||
"name": "arrow-left-fill",
|
||||
"font_class": "arrow-left-fill",
|
||||
"unicode": "e735",
|
||||
"unicode_decimal": 59189
|
||||
},
|
||||
{
|
||||
"icon_id": "15838584",
|
||||
"name": "arrow-right-fill",
|
||||
"font_class": "arrow-right-fill",
|
||||
"unicode": "e734",
|
||||
"unicode_decimal": 59188
|
||||
},
|
||||
{
|
||||
"icon_id": "15838606",
|
||||
"name": "user-fill",
|
||||
"font_class": "user-fill",
|
||||
"unicode": "e71b",
|
||||
"unicode_decimal": 59163
|
||||
},
|
||||
{
|
||||
"icon_id": "15838611",
|
||||
"name": "success-fill",
|
||||
"font_class": "success-filling",
|
||||
"unicode": "e713",
|
||||
"unicode_decimal": 59155
|
||||
},
|
||||
{
|
||||
"icon_id": "15838618",
|
||||
"name": "top-filling",
|
||||
"font_class": "top-filling",
|
||||
"unicode": "e715",
|
||||
"unicode_decimal": 59157
|
||||
}
|
||||
]
|
||||
}
|
||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
@@ -1,9 +1,9 @@
|
||||
<view class="word-input-container">
|
||||
<van-icon
|
||||
class-prefix="j-icon"
|
||||
name="fire"
|
||||
name="translate"
|
||||
custom-class="word-input-icon"
|
||||
size="48rpx" />
|
||||
size="42rpx" />
|
||||
<input
|
||||
class="word-input"
|
||||
type="text"
|
||||
|
||||
@@ -65,7 +65,25 @@ page {
|
||||
height: 190rpx;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
background-color: #fff;
|
||||
box-shadow: 0px -2px 4px rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
|
||||
.btn-green {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
height: 86rpx;
|
||||
width: 680rpx;
|
||||
border-radius: 18rpx;
|
||||
background: rgba(147, 211, 51, 1);
|
||||
box-shadow: 0px 10rpx 4rpx rgba(121, 185, 21, 1);
|
||||
font-size: 32rpx;
|
||||
font-weight: bold;
|
||||
color: #fff;
|
||||
margin-top: 24rpx;
|
||||
|
||||
.btn-text {
|
||||
margin-left: 24rpx;
|
||||
}
|
||||
}
|
||||
@@ -122,4 +122,32 @@ Page({
|
||||
// this.renderCanvas();
|
||||
this.textDrawService?.draw(updatedCardList);
|
||||
},
|
||||
|
||||
/** 下载打印 */
|
||||
exportToPrint() {
|
||||
console.log('this.canvas:', this.canvas);
|
||||
if (this.canvas) {
|
||||
wx.canvasToTempFilePath({
|
||||
canvas: this.canvas,
|
||||
fileType: 'png',
|
||||
quality: 1,
|
||||
success: (res) => {
|
||||
wx.getImageInfo({
|
||||
src: res.tempFilePath,
|
||||
success: (res) =>
|
||||
console.log(
|
||||
'getImageInfo image size :',
|
||||
res.width,
|
||||
res.height,
|
||||
), // 应输出2480x3508
|
||||
});
|
||||
wx.saveImageToPhotosAlbum({
|
||||
filePath: res.tempFilePath,
|
||||
success: () => wx.showToast({ title: '保存成功' }),
|
||||
});
|
||||
},
|
||||
});
|
||||
return;
|
||||
}
|
||||
},
|
||||
});
|
||||
|
||||
@@ -38,8 +38,8 @@
|
||||
<view class="empty"></view>
|
||||
</view>
|
||||
<view class="btn-area">
|
||||
<view class="btn btn-green" bindtap="onPrint">
|
||||
<van-icon class-prefix="j-icon" name="wechat" size="44rpx" />
|
||||
<text class="btn-text">打印</text>
|
||||
<view class="btn btn-green" bindtap="exportToPrint">
|
||||
<van-icon class-prefix="j-icon" name="download" size="44rpx" />
|
||||
<text class="btn-text">下载打印</text>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
Reference in New Issue
Block a user