更换部分图标

This commit is contained in:
1152958806@qq.com 2023-11-11 17:34:38 +08:00
parent fca9fac2a5
commit 599d392862
23 changed files with 287 additions and 169 deletions

View File

@ -54,6 +54,42 @@
<div class="content unicode" style="display: block;">
<ul class="icon_lists dib-box">
<li class="dib">
<span class="icon haofont">&#xe6fd;</span>
<div class="name">disc-fill</div>
<div class="code-name">&amp;#xe6fd;</div>
</li>
<li class="dib">
<span class="icon haofont">&#xe6f2;</span>
<div class="name">signal-tower-fill</div>
<div class="code-name">&amp;#xe6f2;</div>
</li>
<li class="dib">
<span class="icon haofont">&#xe697;</span>
<div class="name">search-2-line</div>
<div class="code-name">&amp;#xe697;</div>
</li>
<li class="dib">
<span class="icon haofont">&#xe6b2;</span>
<div class="name">chat-1-fill</div>
<div class="code-name">&amp;#xe6b2;</div>
</li>
<li class="dib">
<span class="icon haofont">&#xe82d;</span>
<div class="name">apps-fill</div>
<div class="code-name">&amp;#xe82d;</div>
</li>
<li class="dib">
<span class="icon haofont">&#xe69a;</span>
<div class="name">Home</div>
<div class="code-name">&amp;#xe69a;</div>
</li>
<li class="dib">
<span class="icon haofont">&#xe6d6;</span>
<div class="name">英文</div>
@ -438,12 +474,6 @@
<div class="code-name">&amp;#xe611;</div>
</li>
<li class="dib">
<span class="icon haofont">&#xe612;</span>
<div class="name">magnifying-glass</div>
<div class="code-name">&amp;#xe612;</div>
</li>
<li class="dib">
<span class="icon haofont">&#xe613;</span>
<div class="name">message</div>
@ -588,12 +618,6 @@
<div class="code-name">&amp;#xe62a;</div>
</li>
<li class="dib">
<span class="icon haofont">&#xe62b;</span>
<div class="name">grip-vertical</div>
<div class="code-name">&amp;#xe62b;</div>
</li>
<li class="dib">
<span class="icon haofont">&#xe62c;</span>
<div class="name">bars</div>
@ -618,12 +642,6 @@
<div class="code-name">&amp;#xe62f;</div>
</li>
<li class="dib">
<span class="icon haofont">&#xe630;</span>
<div class="name">comments</div>
<div class="code-name">&amp;#xe630;</div>
</li>
<li class="dib">
<span class="icon haofont">&#xe631;</span>
<div class="name">comment-sms</div>
@ -1074,12 +1092,12 @@
<pre><code class="language-css"
>@font-face {
font-family: 'haofont';
src: url('iconfont.eot?t=1699626796799'); /* IE9 */
src: url('iconfont.eot?t=1699626796799#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('iconfont.woff2?t=1699626796799') format('woff2'),
url('iconfont.woff?t=1699626796799') format('woff'),
url('iconfont.ttf?t=1699626796799') format('truetype'),
url('iconfont.svg?t=1699626796799#haofont') format('svg');
src: url('iconfont.eot?t=1699690237296'); /* IE9 */
src: url('iconfont.eot?t=1699690237296#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('iconfont.woff2?t=1699690237296') format('woff2'),
url('iconfont.woff?t=1699690237296') format('woff'),
url('iconfont.ttf?t=1699690237296') format('truetype'),
url('iconfont.svg?t=1699690237296#haofont') format('svg');
}
</code></pre>
<h3 id="-iconfont-">第二步:定义使用 iconfont 的样式</h3>
@ -1105,6 +1123,60 @@
<div class="content font-class">
<ul class="icon_lists dib-box">
<li class="dib">
<span class="icon haofont hao-icon-disc-fill"></span>
<div class="name">
disc-fill
</div>
<div class="code-name">.hao-icon-disc-fill
</div>
</li>
<li class="dib">
<span class="icon haofont hao-icon-signal-tower-fill"></span>
<div class="name">
signal-tower-fill
</div>
<div class="code-name">.hao-icon-signal-tower-fill
</div>
</li>
<li class="dib">
<span class="icon haofont hao-icon-search--line"></span>
<div class="name">
search-2-line
</div>
<div class="code-name">.hao-icon-search--line
</div>
</li>
<li class="dib">
<span class="icon haofont hao-icon-chat--fill"></span>
<div class="name">
chat-1-fill
</div>
<div class="code-name">.hao-icon-chat--fill
</div>
</li>
<li class="dib">
<span class="icon haofont hao-icon-apps-fill"></span>
<div class="name">
apps-fill
</div>
<div class="code-name">.hao-icon-apps-fill
</div>
</li>
<li class="dib">
<span class="icon haofont hao-icon-Home"></span>
<div class="name">
Home
</div>
<div class="code-name">.hao-icon-Home
</div>
</li>
<li class="dib">
<span class="icon haofont hao-icon-yingwen"></span>
<div class="name">
@ -1681,15 +1753,6 @@
</div>
</li>
<li class="dib">
<span class="icon haofont hao-icon-magnifying-glass"></span>
<div class="name">
magnifying-glass
</div>
<div class="code-name">.hao-icon-magnifying-glass
</div>
</li>
<li class="dib">
<span class="icon haofont hao-icon-message"></span>
<div class="name">
@ -1906,15 +1969,6 @@
</div>
</li>
<li class="dib">
<span class="icon haofont hao-icon-grip-vertical"></span>
<div class="name">
grip-vertical
</div>
<div class="code-name">.hao-icon-grip-vertical
</div>
</li>
<li class="dib">
<span class="icon haofont hao-icon-bars"></span>
<div class="name">
@ -1951,15 +2005,6 @@
</div>
</li>
<li class="dib">
<span class="icon haofont hao-icon-comments"></span>
<div class="name">
comments
</div>
<div class="code-name">.hao-icon-comments
</div>
</li>
<li class="dib">
<span class="icon haofont hao-icon-comment-sms"></span>
<div class="name">
@ -2635,6 +2680,54 @@
<div class="content symbol">
<ul class="icon_lists dib-box">
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#hao-icon-disc-fill"></use>
</svg>
<div class="name">disc-fill</div>
<div class="code-name">#hao-icon-disc-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#hao-icon-signal-tower-fill"></use>
</svg>
<div class="name">signal-tower-fill</div>
<div class="code-name">#hao-icon-signal-tower-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#hao-icon-search--line"></use>
</svg>
<div class="name">search-2-line</div>
<div class="code-name">#hao-icon-search--line</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#hao-icon-chat--fill"></use>
</svg>
<div class="name">chat-1-fill</div>
<div class="code-name">#hao-icon-chat--fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#hao-icon-apps-fill"></use>
</svg>
<div class="name">apps-fill</div>
<div class="code-name">#hao-icon-apps-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#hao-icon-Home"></use>
</svg>
<div class="name">Home</div>
<div class="code-name">#hao-icon-Home</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#hao-icon-yingwen"></use>
@ -3147,14 +3240,6 @@
<div class="code-name">#hao-icon-history</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#hao-icon-magnifying-glass"></use>
</svg>
<div class="name">magnifying-glass</div>
<div class="code-name">#hao-icon-magnifying-glass</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#hao-icon-message"></use>
@ -3347,14 +3432,6 @@
<div class="code-name">#hao-icon-house-chimney</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#hao-icon-grip-vertical"></use>
</svg>
<div class="name">grip-vertical</div>
<div class="code-name">#hao-icon-grip-vertical</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#hao-icon-bars"></use>
@ -3387,14 +3464,6 @@
<div class="code-name">#hao-icon-list-ul</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#hao-icon-comments"></use>
</svg>
<div class="name">comments</div>
<div class="code-name">#hao-icon-comments</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#hao-icon-comment-sms"></use>

View File

@ -1,11 +1,11 @@
@font-face {
font-family: "haofont"; /* Project id 4159149 */
src: url('iconfont.eot?t=1699626796799'); /* IE9 */
src: url('iconfont.eot?t=1699626796799#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('iconfont.woff2?t=1699626796799') format('woff2'),
url('iconfont.woff?t=1699626796799') format('woff'),
url('iconfont.ttf?t=1699626796799') format('truetype'),
url('iconfont.svg?t=1699626796799#haofont') format('svg');
src: url('iconfont.eot?t=1699690237296'); /* IE9 */
src: url('iconfont.eot?t=1699690237296#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('iconfont.woff2?t=1699690237296') format('woff2'),
url('iconfont.woff?t=1699690237296') format('woff'),
url('iconfont.ttf?t=1699690237296') format('truetype'),
url('iconfont.svg?t=1699690237296#haofont') format('svg');
}
.haofont {
@ -16,6 +16,30 @@
-moz-osx-font-smoothing: grayscale;
}
.hao-icon-disc-fill:before {
content: "\e6fd";
}
.hao-icon-signal-tower-fill:before {
content: "\e6f2";
}
.hao-icon-search--line:before {
content: "\e697";
}
.hao-icon-chat--fill:before {
content: "\e6b2";
}
.hao-icon-apps-fill:before {
content: "\e82d";
}
.hao-icon-Home:before {
content: "\e69a";
}
.hao-icon-yingwen:before {
content: "\e6d6";
}
@ -272,10 +296,6 @@
content: "\e611";
}
.hao-icon-magnifying-glass:before {
content: "\e612";
}
.hao-icon-message:before {
content: "\e613";
}
@ -372,10 +392,6 @@
content: "\e62a";
}
.hao-icon-grip-vertical:before {
content: "\e62b";
}
.hao-icon-bars:before {
content: "\e62c";
}
@ -392,10 +408,6 @@
content: "\e62f";
}
.hao-icon-comments:before {
content: "\e630";
}
.hao-icon-comment-sms:before {
content: "\e631";
}

Binary file not shown.

File diff suppressed because one or more lines are too long

View File

@ -5,6 +5,48 @@
"css_prefix_text": "hao-icon-",
"description": "",
"glyphs": [
{
"icon_id": "8555184",
"name": "disc-fill",
"font_class": "disc-fill",
"unicode": "e6fd",
"unicode_decimal": 59133
},
{
"icon_id": "8555113",
"name": "signal-tower-fill",
"font_class": "signal-tower-fill",
"unicode": "e6f2",
"unicode_decimal": 59122
},
{
"icon_id": "10914998",
"name": "search-2-line",
"font_class": "search--line",
"unicode": "e697",
"unicode_decimal": 59031
},
{
"icon_id": "10916939",
"name": "chat-1-fill",
"font_class": "chat--fill",
"unicode": "e6b2",
"unicode_decimal": 59058
},
{
"icon_id": "17511881",
"name": "apps-fill",
"font_class": "apps-fill",
"unicode": "e82d",
"unicode_decimal": 59437
},
{
"icon_id": "7458391",
"name": "Home",
"font_class": "Home",
"unicode": "e69a",
"unicode_decimal": 59034
},
{
"icon_id": "6845137",
"name": "英文",
@ -453,13 +495,6 @@
"unicode": "e611",
"unicode_decimal": 58897
},
{
"icon_id": "34999311",
"name": "magnifying-glass",
"font_class": "magnifying-glass",
"unicode": "e612",
"unicode_decimal": 58898
},
{
"icon_id": "34999312",
"name": "message",
@ -628,13 +663,6 @@
"unicode": "e62a",
"unicode_decimal": 58922
},
{
"icon_id": "35006421",
"name": "grip-vertical",
"font_class": "grip-vertical",
"unicode": "e62b",
"unicode_decimal": 58923
},
{
"icon_id": "35006529",
"name": "bars",
@ -663,13 +691,6 @@
"unicode": "e62f",
"unicode_decimal": 58927
},
{
"icon_id": "35006776",
"name": "comments",
"font_class": "comments",
"unicode": "e630",
"unicode_decimal": 58928
},
{
"icon_id": "35006786",
"name": "comment-sms",

View File

@ -14,6 +14,18 @@
/>
<missing-glyph />
<glyph glyph-name="disc-fill" unicode="&#59133;" d="M554.666667 504.746667A128 128 0 1 1 640 384V791.125333c173.098667-54.357333 298.666667-216.064 298.666667-407.125333 0-235.648-191.018667-426.666667-426.666667-426.666667S85.333333 148.352 85.333333 384 276.352 810.666667 512 810.666667c14.378667 0 28.629333-0.725333 42.666667-2.133334v-303.786666z" horiz-adv-x="1024" />
<glyph glyph-name="signal-tower-fill" unicode="&#59122;" d="M260.949333 38.954667A426.069333 426.069333 0 0 0 85.333333 384C85.333333 619.648 276.352 810.666667 512 810.666667s426.666667-191.018667 426.666667-426.666667a426.069333 426.069333 0 0 0-175.616-345.045333l-43.306667 74.197333a341.333333 341.333333 0 1 1-415.488 0l-43.306667-74.197333z m86.784 148.693333a256 256 0 1 0 328.533334 0l-43.946667 75.349333a170.666667 170.666667 0 1 1-240.64 0l-43.946667-75.349333zM469.333333 341.333333h85.333334l42.666666-384h-170.666666l42.666666 384z" horiz-adv-x="1024" />
<glyph glyph-name="search--line" unicode="&#59031;" d="M469.333333 810.666667c211.968 0 384-172.032 384-384s-172.032-384-384-384-384 172.032-384 384 172.032 384 384 384z m0-682.666667c164.992 0 298.666667 133.674667 298.666667 298.666667 0 165.034667-133.674667 298.666667-298.666667 298.666666-165.034667 0-298.666667-133.632-298.666666-298.666666 0-164.992 133.632-298.666667 298.666666-298.666667z m362.026667-3.029333l120.704-120.661334-60.373333-60.373333-120.661334 120.704 60.330667 60.330667z" horiz-adv-x="1024" />
<glyph glyph-name="chat--fill" unicode="&#59058;" d="M426.666667 768h170.666666a341.333333 341.333333 0 1 0 0-682.666667v-149.333333c-213.333333 85.333333-512 213.333333-512 490.666667a341.333333 341.333333 0 0 0 341.333334 341.333333z" horiz-adv-x="1024" />
<glyph glyph-name="apps-fill" unicode="&#59437;" d="M288 789.333333A181.333333 181.333333 0 0 0 469.333333 608V426.666667H288a181.333333 181.333333 0 1 0 0 362.666666z m0-448H469.333333v-181.333333A181.333333 181.333333 0 1 0 288 341.333333z m448 448a181.333333 181.333333 0 1 0 0-362.666666H554.666667V608a181.333333 181.333333 0 0 0 181.333333 181.333333zM554.666667 341.333333h181.333333A181.333333 181.333333 0 1 0 554.666667 160V341.333333z" horiz-adv-x="1024" />
<glyph glyph-name="Home" unicode="&#59034;" d="M168.832 536.96L489.813333 733.013333a42.666667 42.666667 0 0 0 44.458667 0l320.938667-196.096A85.333333 85.333333 0 0 0 896 464.128V85.333333a85.333333 85.333333 0 0 0-85.333333-85.333333H213.333333a85.333333 85.333333 0 0 0-85.333333 85.333333v378.794667a85.333333 85.333333 0 0 0 40.832 72.832zM426.666667 341.333333a42.666667 42.666667 0 0 1-42.666667-42.666666v-128a42.666667 42.666667 0 0 1 42.666667-42.666667h170.666666a42.666667 42.666667 0 0 1 42.666667 42.666667v128a42.666667 42.666667 0 0 1-42.666667 42.666666h-170.666666z" horiz-adv-x="1024" />
<glyph glyph-name="yingwen" unicode="&#59094;" d="M716.8 819.2a230.4 230.4 0 0 0 230.4-230.4v-409.6a230.4 230.4 0 0 0-230.4-230.4H307.2a230.4 230.4 0 0 0-230.4 230.4V588.8a230.4 230.4 0 0 0 230.4 230.4h409.6m0 76.8H307.2A307.2 307.2 0 0 1 0 588.8v-409.6a307.2 307.2 0 0 1 307.2-307.2h409.6a307.2 307.2 0 0 1 307.2 307.2V588.8A307.2 307.2 0 0 1 716.8 896zM176.128 603.392h316.416v-61.44H248.064v-121.6h230.4V358.4h-230.4v-132.864h256v-61.44H176.128zM847.872 360.704v-196.096h-70.144v189.952c0 51.2-24.064 76.8-71.936 76.8a64 64 0 0 1-45.312-18.432 86.272 86.272 0 0 1-25.6-58.368v-191.232h-70.4V482.304h70.144v-36.864a128 128 0 0 0 41.728 33.792 116.736 116.736 0 0 0 51.2 11.776c80.384 0 120.32-43.52 120.32-130.304z" horiz-adv-x="1024" />
<glyph glyph-name="jianti" unicode="&#59095;" d="M716.8 819.2a230.4 230.4 0 0 0 230.4-230.4v-409.6a230.4 230.4 0 0 0-230.4-230.4H307.2a230.4 230.4 0 0 0-230.4 230.4V588.8a230.4 230.4 0 0 0 230.4 230.4h409.6m0 76.8H307.2A307.2 307.2 0 0 1 0 588.8v-409.6a307.2 307.2 0 0 1 307.2-307.2h409.6a307.2 307.2 0 0 1 307.2 307.2V588.8A307.2 307.2 0 0 1 716.8 896zM335.616 573.952a489.728 489.728 0 0 0-48.384-68.352L232.96 540.672a366.848 366.848 0 0 1 78.08 128l61.44-13.568-9.728-25.6H512v-55.808h-76.8a300.288 300.288 0 0 0 29.44-48.64l-56.32-21.504a535.296 535.296 0 0 1-39.424 70.144z m-61.952-143.36h63.744v-332.8h-63.744z m79.104 97.792a628.48 628.48 0 0 0 73.728-76.8l-47.104-32.512A768 768 0 0 1 307.2 499.456z m45.056-122.368h235.264v-241.92h-235.264z m60.672-94.464h114.944v43.008h-114.944z m114.944-94.72V261.12h-114.944v-44.288zM636.672 102.4l-15.36 57.856 54.016-2.048c12.8 0 19.2 8.96 19.2 25.6v261.12h-223.744v58.368H757.76V166.4c0-43.264-23.296-65.024-70.144-65.024z m-39.168 471.552a491.008 491.008 0 0 0-37.632-59.648l-54.016 35.072a338.432 338.432 0 0 1 63.232 119.808l60.928-13.568c-4.096-11.52-6.912-20.224-8.704-25.6h169.728v-55.808h-88.064a332.8 332.8 0 0 0 27.136-43.776l-56.576-21.504a533.504 533.504 0 0 1-37.376 65.28z" horiz-adv-x="1024" />
@ -142,8 +154,6 @@
<glyph glyph-name="history" unicode="&#58897;" d="M307.587194 853.424665A511.992 511.992 0 1 0 39.175388 187.51507a47.99925 47.99925 0 1 0 88.638615 36.799425A415.9935 415.9935 0 1 1 161.477477 607.9885H272.00375a47.99925 47.99925 0 0 0 0-95.9985H0.008V783.98575a47.99925 47.99925 0 0 0 95.9985 0v-101.502414A511.992 511.992 0 0 0 307.587194 853.360666zM512 703.987a47.99925 47.99925 0 0 0 47.99925-47.99925v-252.15606l130.173966-130.173966a47.99925 47.99925 0 1 0-67.83894-67.83894L478.08053 350.07253l-14.07978 14.07978V655.98775A47.99925 47.99925 0 0 0 512 703.987z" horiz-adv-x="1024" />
<glyph glyph-name="magnifying-glass" unicode="&#58898;" d="M831.903143 480.060929c0-91.786555-29.795635-176.574135-79.988283-245.364058l253.162915-253.362887c24.996338-24.996338 24.996338-65.590392 0-90.58673s-65.590392-24.996338-90.58673 0L661.328129 144.11014c-68.789923-50.392618-153.577503-79.988283-245.364058-79.988283C186.197729 64.121857 0.025 250.294586 0.025 480.060929S186.197729 896 415.964071 896s415.939071-186.172729 415.939072-415.939071zM415.964071 192.10311a287.957819 287.957819 0 1 1 0 575.915637 287.957819 287.957819 0 1 1 0-575.915637z" horiz-adv-x="1024" />
<glyph glyph-name="message" unicode="&#58899;" d="M128 896C57.4 896 0 838.6 0 768v-576c0-70.6 57.4-128 128-128h192v-160c0-12.2 6.8-23.2 17.6-28.6s23.8-4.2 33.6 3L618.6 64H896c70.6 0 128 57.4 128 128V768c0 70.6-57.4 128-128 128H128z" horiz-adv-x="1024" />
<glyph glyph-name="moon" unicode="&#58900;" d="M574.85555 832C327.85555 832 127.85555 631.4 127.85555 384s200-448 447-448c121.2 0 231 48.4 311.6 126.8 10 9.8 12.6 25 6.2 37.4s-20.2 19.4-34 17c-19.6-3.4-39.6-5.2-60.2-5.2-193.8 0-351 157.6-351 352 0 131.6 72 246.2 178.6 306.6 12.2 7 18.4 21 15.4 34.6s-14.6 23.8-28.6 25c-12.6 1-25.2 1.6-38 1.6z" horiz-adv-x="1024" />
@ -192,8 +202,6 @@
<glyph glyph-name="house-chimney" unicode="&#58922;" d="M1087.6 320.8c34 0 64 28 64 64.2 2 18-6 34-22 48L1024 526V768c0 35.4-28.6 64-64 64h-64c-35.4 0-64-28.6-64-64v-73.4L619 882c-12 10-28 14-42 14s-30-2-44-16L20 433c-14-14-20-30-20-48 0-36 28-64.2 64-64.2h64v-139.4c-0.2-1.8-0.2-3.6-0.2-5.6V-48c0-44.2 35.8-80 80-80h32c2.4 0 4.8 0.2 7.2 0.4 3-0.2 6-0.4 9-0.4h112c44.2 0 80 35.8 80 80v176c0 35.4 28.6 64 64 64h128c35.4 0 64-28.6 64-64v-176c0-44.2 35.8-80 80-80h113c2.8 0 5.6 0 8.4 0.2 2.2-0.2 4.4-0.2 6.6-0.2h32c44.2 0 80 35.8 80 80v32.4c0.6 5.2 1 10.6 1 16.2l-1.4 320.4h64z" horiz-adv-x="1152" />
<glyph glyph-name="grip-vertical" unicode="&#58923;" d="M272 192h96c44.2 0 80-35.8 80-80v-96c0-44.2-35.8-80-80-80H272c-44.2 0-80 35.8-80 80v96c0 44.2 35.8 80 80 80z m384 0h96c44.2 0 80-35.8 80-80v-96c0-44.2-35.8-80-80-80h-96c-44.2 0-80 35.8-80 80v96c0 44.2 35.8 80 80 80zM272 256c-44.2 0-80 35.8-80 80v96c0 44.2 35.8 80 80 80h96c44.2 0 80-35.8 80-80v-96c0-44.2-35.8-80-80-80H272z m384 256h96c44.2 0 80-35.8 80-80v-96c0-44.2-35.8-80-80-80h-96c-44.2 0-80 35.8-80 80v96c0 44.2 35.8 80 80 80zM272 576c-44.2 0-80 35.8-80 80V752c0 44.2 35.8 80 80 80h96c44.2 0 80-35.8 80-80v-96c0-44.2-35.8-80-80-80H272zM656 832h96c44.2 0 80-35.8 80-80v-96c0-44.2-35.8-80-80-80h-96c-44.2 0-80 35.8-80 80V752c0 44.2 35.8 80 80 80z" horiz-adv-x="1024" />
<glyph glyph-name="bars" unicode="&#58924;" d="M64 704c0 35.4 28.6 64 64 64h768c35.4 0 64-28.6 64-64s-28.6-64-64-64H128c-35.4 0-64 28.6-64 64z m0-320c0 35.4 28.6 64 64 64h768c35.4 0 64-28.6 64-64s-28.6-64-64-64H128c-35.4 0-64 28.6-64 64z m896-320c0-35.4-28.6-64-64-64H128c-35.4 0-64 28.6-64 64s28.6 64 64 64h768c35.4 0 64-28.6 64-64z" horiz-adv-x="1024" />
<glyph glyph-name="arrows-left-right" unicode="&#58925;" d="M813.35 146.8l192 192c25 25 25 65.6 0 90.6l-192 192c-25 25-65.6 25-90.6 0s-25-65.6 0-90.6l82.8-82.8H218.55l82.8 82.8c25 25 25 65.6 0 90.6s-65.6 25-90.6 0l-192-192c-25-25-25-65.6 0-90.6l192-192c25-25 65.6-25 90.6 0s25 65.6 0 90.6L218.75 320h587l-82.8-82.8c-25-25-25-65.6 0-90.6s65.6-25 90.6 0z" horiz-adv-x="1024" />
@ -202,8 +210,6 @@
<glyph glyph-name="list-ul" unicode="&#58927;" d="M128 608a96 96 0 1 1 0 192 96 96 0 1 1 0-192z m256 160c-35.4 0-64-28.6-64-64s28.6-64 64-64h576c35.4 0 64 28.6 64 64s-28.6 64-64 64H384z m0-320c-35.4 0-64-28.6-64-64s28.6-64 64-64h576c35.4 0 64 28.6 64 64s-28.6 64-64 64H384z m0-320c-35.4 0-64-28.6-64-64s28.6-64 64-64h576c35.4 0 64 28.6 64 64s-28.6 64-64 64H384zM128-32a96 96 0 1 1 0 192 96 96 0 1 1 0-192z m96 416a96 96 0 1 1-192 0 96 96 0 1 1 192 0z" horiz-adv-x="1024" />
<glyph glyph-name="comments" unicode="&#58928;" d="M416.02188 192c229.8 0 416 157.6 416 352S645.82188 896 416.02188 896 0.02188 738.4 0.02188 544c0-77.2 29.4-148.6 79.2-206.8-7-18.8-17.4-35.4-28.4-49.4-9.6-12.4-19.4-22-26.6-28.6-3.6-3.2-6.6-5.8-8.6-7.4-1-0.8-1.8-1.4-2.2-1.6l-0.4-0.4C2.02188 241.6-2.77812 227.2 1.62188 214.2S18.22188 192 32.02188 192c43.6 0 87.6 11.2 124.2 25 18.4 7 35.6 14.8 50.6 22.8C268.22188 209.4 339.62188 192 416.02188 192z m480 352c0-224.6-198.2-393.8-433-414 48.6-148.8 209.8-258 401-258 76.4 0 147.8 17.4 209.4 47.8 15-8 32-15.8 50.4-22.8 36.6-13.8 80.6-25 124.2-25 13.8 0 26.2 9 30.4 22.2 4.2 13.2-0.4 27.6-11.6 35.8l-0.4 0.4c-0.4 0.4-1.2 0.8-2.2 1.6-2 1.6-5 4-8.6 7.4-7.2 6.6-17 16.2-26.6 28.6-11 14-21.4 30.8-28.4 49.4 49.8 58 79.2 129.4 79.2 206.8 0 185.6-169.8 337.8-385.2 351 0.8-10.2 1.2-20.6 1.2-31z" horiz-adv-x="1280" />
<glyph glyph-name="comment-sms" unicode="&#58929;" d="M512.1039 0c282.8 0 512 186.2 512 416S794.9039 832 512.1039 832 0.1039 645.8 0.1039 416c0-90.2 35.4-173.6 95.4-241.8-3.8-49-22.8-92.6-42.8-125.8-11-18.4-22.2-33.2-30.4-43.2-4.2-5-7.4-8.8-9.8-11.4-1.2-1.2-2-2.2-2.6-2.8l-0.6-0.6c-9.2-9.2-11.8-22.8-6.8-34.8 5-12 16.6-19.8 29.6-19.8 57.4 0 115.2 17.8 163.2 38.6 45.8 20 84.8 43.8 108.6 61.2 63.6-23 134-35.8 208.2-35.8z m-106.2 542.4c13 4.4 27.4-0.2 35.8-11.2l70.4-93.8 70.4 93.8c8.2 11 22.6 15.6 35.8 11.2S640.1039 525.8 640.1039 512v-192c0-17.6-14.4-32-32-32s-32 14.4-32 32v96l-38.4-51.2c-6-8-15.6-12.8-25.6-12.8s-19.6 4.8-25.6 12.8L448.1039 416v-96c0-17.6-14.4-32-32-32s-32 14.4-32 32v192c0 13.8 8.8 26 21.8 30.4z m346.2-76v-0.8c0.2-0.2 1.2-1.6 4.4-3.4 7.8-4.6 19.2-8.2 36.6-13.6l1.2-0.4c14.8-4.4 34.6-10.4 50.4-20.4 18.2-11.4 34.8-30.4 35.2-59.8 0.4-30-15.2-52-35.6-64.6-19-11.8-41.8-15.8-61.4-15.2-24.4 0.8-47.4 8.8-65.2 14.8-2.8 1-5.4 1.8-8 2.8-16.8 5.6-25.8 23.8-20.2 40.4s23.8 25.8 40.4 20.2c3.4-1.2 6.6-2.2 9.8-3.2 18.2-6.2 31.2-10.6 45.2-11 10.6-0.4 20 2 25.6 5.6 2.4 1.6 3.6 3 4.2 4 0.4 0.8 1.2 2.4 1.2 5.4v0.4c0 1.4 0 2.8-5.4 6.2-7.6 4.8-19.2 8.6-36 13.8l-2.4 0.8c-14.4 4.4-33.4 10-48.6 19.2-18 10.8-35.4 29.4-35.4 58.8-0.2 30.4 17.2 51.4 37 63.2 18.8 11 41 15 59.4 14.8 20-0.4 39.4-4.6 55.8-8.8 17-4.6 27.2-22 22.6-39.2s-22-27.2-39.2-22.6c-14.6 3.8-28.2 6.6-40.2 6.8-9.8 0.2-19.6-2.2-25.8-5.8-2.8-1.6-4.2-3.2-4.8-4-0.4-0.6-0.8-1.6-0.8-3.8z m-544 0v-0.8c0.2-0.2 1.2-1.6 4.4-3.4 7.8-4.6 19.2-8.2 36.6-13.6l1.2-0.4c14.8-4.4 34.6-10.4 50.4-20.4 18.2-11.4 34.8-30.4 35.2-59.8 0.4-30-15.2-52-35.6-64.6-19-11.8-41.8-15.8-61.4-15.2-24.6 0.8-48.4 9-66.4 15.2-2.6 0.8-5 1.6-7.2 2.4-16.8 5.6-25.8 23.8-20.2 40.4s23.8 25.8 40.4 20.2c2.8-1 5.6-1.8 8.2-2.8 19-6.4 33-11.2 47.4-11.6 10.6-0.4 20 2 25.6 5.6 2.4 1.6 3.6 3 4.2 4 0.4 0.8 1.2 2.4 1.2 5.4v0.4c0 1.4 0 2.8-5.4 6.2-7.6 4.8-19.2 8.6-36 13.8l-2.4 0.8c-14.4 4.4-33.4 10-48.6 19.2-18 10.6-35.4 29.2-35.6 58.6-0.2 30.4 17.2 51.4 37 63.2 18.8 11 41 15 59.4 14.8 19-0.2 44.4-4.2 62.2-8.8 17-4.6 27.2-22 22.6-39.2s-22-27.2-39.2-22.6c-13.2 3.6-33.6 6.6-46.6 6.8-9.8 0.2-19.6-2.2-25.8-5.8-2.8-1.6-4.2-3.2-4.8-4-0.4-0.6-0.8-1.6-0.8-3.8z" horiz-adv-x="1024" />
<glyph glyph-name="angles-right" unicode="&#58930;" d="M941.2 338.8c25 25 25 65.6 0 90.6l-320 320c-25 25-65.6 25-90.6 0s-25-65.6 0-90.6L805.4 384 530.8 109.2c-25-25-25-65.6 0-90.6s65.6-25 90.6 0l320 320z m-704-320l320 320c25 25 25 65.6 0 90.6l-320 320c-25 25-65.6 25-90.6 0s-25-65.6 0-90.6L421.4 384 146.8 109.2c-25-25-25-65.6 0-90.6s65.6-25 90.6 0z" horiz-adv-x="1024" />

Before

Width:  |  Height:  |  Size: 157 KiB

After

Width:  |  Height:  |  Size: 158 KiB

Binary file not shown.

Binary file not shown.

Binary file not shown.

View File

@ -9,9 +9,9 @@ document.addEventListener('DOMContentLoaded', function() {
const msgToTraditionalChinese = translate.msgToTraditionalChinese; // 此處可以更改為你想要顯示的文字
const msgToSimplifiedChinese = translate.msgToSimplifiedChinese; // 同上,但兩處均不建議更改
// 此處可以更改為你想要顯示的文字
const rightMenuMsgToTraditionalChinese = '<i class="haofont hao-icon-fanti"></i><span>轉為繁體</span>'
const rightMenuMsgToTraditionalChinese = '<i class="haofont hao-icon-fanti" style="font-size: 19px;"></i><span>轉為繁體</span>'
// 同上,但兩處均不建議更改
const rightMenuMsgToSimplifiedChinese = '<i class="haofont hao-icon-jianti"></i><span>转为简体</span>'
const rightMenuMsgToSimplifiedChinese = '<i class="haofont hao-icon-jianti" style="font-size: 19px;"></i><span>转为简体</span>'
let currentEncoding = defaultEncoding

View File

@ -836,6 +836,11 @@ table th {
color: rgb(247, 247, 247);
}
.fa-spin {
animation: heo-spin 1.2s linear infinite;
opacity: .6
}
button {
padding: 0px;
outline: 0px;
@ -2302,7 +2307,7 @@ blockquote footer cite::before {
display: inline-block;
vertical-align: middle;
font-weight: 700;
font-size: 1.43em;
font-size: 19px;
}
#post-comment .comment-head #comment-switch {
@ -2571,10 +2576,6 @@ blockquote footer cite::before {
box-shadow: var(--heo-shadow-main)
}
#body-wrap #travellings_button:hover a i {
color: var(--heo-white)
}
#body-wrap #travellings_button::after {
--height: 1.8rem;
content: attr(title);
@ -2597,7 +2598,7 @@ blockquote footer cite::before {
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
color: var(--heo-white);
color: var(--heo-card-bg);
background: var(--heo-white-op)!important;
-webkit-box-shadow: var(--heo-shadow-nav);
box-shadow: var(--heo-shadow-nav);
@ -2657,11 +2658,6 @@ blockquote footer cite::before {
#page-header.nav-fixed #nav a {
text-shadow: none;
}
@media screen and (min-width: 900px) {
#page-header.nav-fixed #nav #site-name:hover {
color: var(--heo-white);
}
}
#page-header.nav-visible #nav {
transition: all 0.5s ease 0s;
@ -4910,6 +4906,7 @@ html {
#page-header #nav #nav-right .nav-button a i,
#page-header #nav #nav-left .nav-button a i {
line-height: 1;
font-size: 22px;
}
#page-header #nav #nav-right div,
@ -5251,6 +5248,10 @@ html {
color: var(--heo-fontcolor)
}
.page .back-home-button:hover {
color: var(--heo-card-bg)
}
@media screen and (max-width: 768px) {
.back-home-button {
display: none;
@ -5261,6 +5262,9 @@ html {
color: var(--heo-fontcolor);
}
#page-header.not-top-img #nav .back-home-button i {
font-size: 20px
}
.back-home-button:hover {
background: var(--heo-main);
@ -5443,21 +5447,22 @@ html {
}
#nav #site-name:after {
background: url(../images/home.webp) no-repeat 50% 50%;
opacity: 0;
position: absolute;
display: flex;
z-index: 1;
width: 74px;
height: 58px;
content: "";
transition: 0s;
transition-timing-function: ease-in;
transform: scale(0.4);
content: "\e69a";
transition: .1s;
font-family: haofont!important;
align-items: center;
justify-content: center;
font-size: 22px;
line-height: 1
}
.post #nav #site-name:hover {
background: var(--heo-white-op);
color: var(--heo-white)
}
.nav-fixed #nav #site-name:hover {
@ -5467,8 +5472,6 @@ html {
#nav #site-name:hover:after {
opacity: 1;
transform: translateY(0px) scale(0.3);
transition-timing-function: ease-in;
}
#nav .back-home-button:hover {
@ -5513,7 +5516,7 @@ html {
line-height: 36px;
}
.page #page-header.nav-fixed #nav #page-name-text:hover:after {
#page-header.nav-fixed #nav #page-name-text:hover:after {
color: var(--heo-card-bg);
}
@ -5934,8 +5937,8 @@ i.fab {
/* 消息弹窗 */
.snackbar-container {
background: var(--heo-main) !important;
color: var(--heo-white) !important;
background: var(--heo-lighttext)!important;
color: var(--heo-card-bg)!important;
border-radius: 0 !important;
display: flex;
justify-content: center !important;
@ -5948,6 +5951,7 @@ i.fab {
}
.snackbar-container p {
color: var(--heo-card-bg)!important;
font-weight: bold !important;
text-align: center !important;
font-size: 0.8rem !important;
@ -5956,7 +5960,7 @@ i.fab {
}
.snackbar-container .action {
color: var(--heo-white) !important;
color: var(--heo-card-bg)!important;
padding: 4px 6px !important;
font-weight: bold;
border-radius: 8px !important;
@ -5965,8 +5969,8 @@ i.fab {
}
.snackbar-container .action:hover {
color: var(--heo-main) !important;
background: var(--heo-white) !important;
color: var(--heo-lighttext)!important;
background: var(--heo-card-bg)!important
}
.snackbar-container::after {
@ -16968,6 +16972,10 @@ span.hexo-douban-pagenum {
background: var(--heo-main);
}
#console .button-group .console-btn-item a i {
font-size: 24px
}
#console .button-group .console-btn-item a {
width: 100%;
height: 100%;

View File

@ -54,7 +54,7 @@
<a class="bber-reply"
th:onclick="rightMenuCommentText([['&quot;'+${equipment.spec.displayName}+' '+${#annotations.get(equipment, 'model')}+' '+${equipment.spec.description}+'&quot;']]);"
data-pjax-state="">
<i class="haofont hao-icon-message" style="font-size: 17px;"></i>
<i class="haofont hao-icon-chat--fill" style="font-size: 22px;"></i>
</a>
</div>
</div>

View File

@ -4,7 +4,7 @@
<!-- 已知问题 PJAX 下comment 首次请求会出错。当前的临时解决办法是使用 js 重试 -->
<div id="post-comment">
<div class="comment-head">
<div class="comment-headline"><i class="haofont hao-icon-comments"></i> <span>评论</span></div>
<div class="comment-headline"><i class="haofont hao-icon-chat--fill" style="font-size: 20px;"></i> <span>评论</span></div>
<div class="comment-randomInfo">
<a th:if="${theme.config.comments.visitorMail.visitorMailEnable}"
onclick="heo.addRandomCommentInfo()" href="javascript:void(0)">匿名评论</a>

View File

@ -11,7 +11,7 @@
<div id="rightside-config-show">
<button id="rightside-config" type="button" title="设置"><i class="haofont hao-icon-gear"></i></button>
<button th:if="${htmlType == 'post'}" class="close" id="mobile-toc-button" type="button" title="目录"><i class="haofont hao-icon-list-ul"></i></button>
<a id="to_comment" href="#post-comment" title="直达评论" ><i class="haofont hao-icon-comments"></i></a>
<a id="to_comment" href="#post-comment" title="直达评论" ><i class="haofont hao-icon-chat--fill" style="font-size: 17px;"></i></a>
<a th:if="${theme.config.comments.commentBarrageConfig.commentBarrageEnable}" id="switch-commentBarrage" href="javascript:heo.switchCommentBarrage();" rel="external nofollow noreferrer" title="开关弹幕" draggable="false" data-pjax-state="external"><i class="haofont hao-icon-danmu"></i></a>
<button id="go-up" type="button" title="回到顶部"><i class="haofont hao-icon-arrow-up"></i></button>
<a th:if="${htmlType == 'post' || htmlType == 'page'}"

View File

@ -43,7 +43,7 @@
<span>新窗口打开图片</span>
</div>
<div class="rightMenu-item" id="menu-search">
<i class="haofont hao-icon-magnifying-glass"></i>
<i class="haofont hao-icon-search--line"></i>
<span>站内搜索</span>
</div>
<div class="rightMenu-item" id="menu-searchBaidu">
@ -104,7 +104,7 @@
</div>
<div th:if="${theme.config.comments.commentBarrageConfig.commentBarrageEnable}" class="rightMenu-item" id="menu-commentBarrage"
rel="external nofollow noreferrer" draggable="false" style="display: flex;">
<i class="haofont hao-icon-message"></i>
<i class="haofont hao-icon-chat--fill" style="font-size: 19px;"></i>
<span class="menu-commentBarrage-text">关闭热评</span>
</div>
<div class="rightMenu-item" id="menu-darkmode">
@ -112,7 +112,7 @@
<span class="menu-darkmode-text">深色模式</span>
</div>
<div th:if="${theme.config.style.translate.translateEnable}" class="rightMenu-item" id="menu-translate">
<i class="haofont hao-icon-fanti"></i>
<i class="haofont hao-icon-fanti" style="font-size: 19px;"></i>
<span>轉為繁體</span>
</div>
</div>

View File

@ -7,7 +7,7 @@
title="查看更多"
class="card-more-btn"
style="cursor:pointer" draggable="false"><i class="haofont hao-icon-chevron-right"></i></a>
<div class="item-headline"><i class="haofont hao-icon-comments"></i><span>最新评论</span></div>
<div class="item-headline"><i class="haofont hao-icon-chat--fill" style="font-size: 19px;"></i><span>最新评论</span></div>
<div class="aside-list" id="newcomm">
<th:block th:if="${#strings.equals(theme.config.comments.use, 'commentWidget') }"
th:with="newcommentnumber = ${#conversions.convert(theme.config.sidebar.newcomment.newcommentnumber, 'java.lang.Integer') >= 0 ? theme.config.sidebar.newcomment.newcommentnumber : 5}">

View File

@ -34,7 +34,9 @@
<div class="webinfo-item-title"><i class="haofont hao-icon-stopwatch"></i>
<div class="item-name">建站天数 :</div>
</div>
<div class="item-count" th:text="${theme.config.basics.siteStartTime}" id="runtimeshow"></div>
<div class="item-count" th:text="${theme.config.basics.siteStartTime}" id="runtimeshow">
<i class="haofont hao-icon-spinner fa-spin"></i>
</div>
</div>
<!-- <div class="webinfo-item">
<div class="webinfo-item-title"><i class="item-icon fas fa-font"></i>

View File

@ -365,8 +365,8 @@
}
div#author-info__sayhi:hover {
background: var(--heo-white-op);
color: var(--heo-white);
background: var(--heo-white);
color: var(--heo-main);
transform: scale(1.1)
}

View File

@ -121,7 +121,7 @@
<div class="console-btn-item" id="consoleHideAside" onclick="heo.hideAsideBtn()" title="边栏显示控制"><a
class="asideSwitch" data-pjax-state=""><i class="haofont hao-icon-arrows-left-right"></i></a></div>
<div class="console-btn-item on" id="consoleCommentBarrage" onclick="heo.switchCommentBarrage()" title="热评开关"><a
class="commentBarrage" data-pjax-state=""><i class="haofont hao-icon-message"></i></a></div>
class="commentBarrage" data-pjax-state=""><i class="haofont hao-icon-chat--fill"></i></a></div>
<!--<div class="console-btn-item" id="consoleKeyboard" onclick="heo.keyboardToggle()" title="快捷键开关"><a-->
<!-- class="keyboard-switch"><i class="fa-duotone fa-keyboard"></i></a>-->
@ -131,7 +131,7 @@
<!--</div>-->
<div th:if="${theme.config.tool.nav_music.nav_musicEnable}" class="console-btn-item" id="consoleMusic" onclick="heo.musicToggle()" title="音乐开关">
<a class="music-switch" data-pjax-state="">
<i class="haofont hao-icon-music"></i>
<i class="haofont hao-icon-disc-fill"></i>
</a>
</div>
</div>

View File

@ -10,7 +10,7 @@
<div class="back-home-button" tabindex="-1"
th:if="${not #lists.isEmpty(leftMenu)}">
<i class="back-home-button-icon haofont hao-icon-grip-vertical" style="font-size: 1rem"></i>
<i class="back-home-button-icon haofont hao-icon-apps-fill" style="font-size: 1rem"></i>
<div class="back-menu-list-groups">
<div class="back-menu-list-group" th:each="menuItem : ${leftMenu.menuItems}">
<!-- 菜单必须有子项才会展示 -->

View File

@ -10,13 +10,13 @@
<div class="nav-button only-home" id="travellings_button" title="随机前往一个开往项目网站" th:if="${theme.config.nav.right.travelling}">
<a class="site-page" onclick="totraveling()" href="javascript:void(0);" rel="external nofollow"
title="随机前往一个开往项目网站">
<i class="haofont hao-icon-train" style="font-size: 1rem; font-weight: 700; "></i>
<i class="haofont hao-icon-train" style="font-size: 0.94rem"></i>
</a>
</div>
<div class="nav-button" id="randomPost_button" th:if="${theme.config.nav.right.article}">
<a class="site-page" href="javascript:void(0);" onclick="toRandomPost()" title="随机文章">
<i class="haofont hao-icon-dice" style="font-size: 1rem; font-weight: 700;"></i>
<i class="haofont hao-icon-signal-tower-fill"></i>
</a>
</div>
@ -32,7 +32,7 @@
<div class="nav-button" id="search-button" th:if="${pluginFinder.available('PluginSearchWidget')}">
<a class="site-page social-icon search" href="javascript:SearchWidget.open();" rel="external nofollow"
title="站内搜索">
<i class="haofont hao-icon-magnifying-glass" style="font-size: 1rem; font-weight: 700;"></i>
<i class="haofont hao-icon-search--line"></i>
</a>
</div>
@ -63,7 +63,7 @@
<div th:if="${theme.config.nav.right.console.consoleEnable}" class="nav-button" id="nav-console">
<a class="console_switchbutton" href="javascript:void(0);" onclick="heo.showConsole()" rel="external nofollow"
title="显示中控台">
<i class="haofont hao-icon-dashboard" style="font-size: 1.12rem;"></i>
<i class="haofont hao-icon-dashboard"></i>
</a>
</div>

View File

@ -60,8 +60,8 @@
</div>
</div>
<a class="bber-reply" th:onclick="rightMenuCommentText([[${content.html}]]);"
data-pjax-state=""> <i class="haofont hao-icon-message"
style="font-size: 17px;"></i>
data-pjax-state=""> <i class="haofont hao-icon-chat--fill"
style="font-size: 20px;"></i>
</a>
</div>
</li>

View File

@ -98,7 +98,7 @@
class="post-meta-commentcount" data-flag-title="评论数"
title="评论数"
href="#post-comment">
<i class="haofont hao-icon-comments post-meta-icon"></i>
<i class="haofont hao-icon-chat--fill post-meta-icon" style="font-size: 17px;"></i>
<span class="post-meta-label">评论:</span>
<span th:if="${#strings.equals(theme.config.comments.use, 'commentWidget')}"
id="comment-count" th:text="${post.stats.comment}"></span>