steven/aifo-portal-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

commit 20260703

Browse Source
This commit is contained in:
Steven.yang
2026-07-03 20:34:27 +08:00
parent 296db4a164
commit c1630b8c10
63 changed files with 3497 additions and 1110 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/vendor/icon/demo_index.html
Vendored
+332 -56
View File
@@ -54,6 +54,90 @@
<div class="content unicode" style="display: block;">
<ul class="icon_lists dib-box">
<li class="dib">
<span class="icon iconfont">&#xe617;</span>
<div class="name">nav-help-center</div>
<div class="code-name">&amp;#xe617;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe637;</span>
<div class="name">contact-us</div>
<div class="code-name">&amp;#xe637;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe638;</span>
<div class="name">about-us</div>
<div class="code-name">&amp;#xe638;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe630;</span>
<div class="name">partnership</div>
<div class="code-name">&amp;#xe630;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe631;</span>
<div class="name">trading-courses</div>
<div class="code-name">&amp;#xe631;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe632;</span>
<div class="name">payout</div>
<div class="code-name">&amp;#xe632;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe633;</span>
<div class="name">live-sessions</div>
<div class="code-name">&amp;#xe633;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe634;</span>
<div class="name">ai-coach</div>
<div class="code-name">&amp;#xe634;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe636;</span>
<div class="name">account-models</div>
<div class="code-name">&amp;#xe636;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe62f;</span>
<div class="name">check</div>
<div class="code-name">&amp;#xe62f;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe62e;</span>
<div class="name">Contact</div>
<div class="code-name">&amp;#xe62e;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe62c;</span>
<div class="name">Email</div>
<div class="code-name">&amp;#xe62c;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe62b;</span>
<div class="name">Address</div>
<div class="code-name">&amp;#xe62b;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe62a;</span>
<div class="name">Application Form</div>
<div class="code-name">&amp;#xe62a;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe629;</span>
<div class="name">challenge_start</div>
@@ -234,12 +318,6 @@
<div class="code-name">&amp;#xe602;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe612;</span>
<div class="name">nav-about-us</div>
<div class="code-name">&amp;#xe612;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe613;</span>
<div class="name">nav-video-hub</div>
@@ -264,12 +342,6 @@
<div class="code-name">&amp;#xe616;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe617;</span>
<div class="name">nav-payout</div>
<div class="code-name">&amp;#xe617;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe618;</span>
<div class="name">nav-academy</div>
@@ -302,7 +374,7 @@
<li class="dib">
<span class="icon iconfont">&#xe608;</span>
<div class="name">nav-contact</div>
<div class="name">nav-contact-us</div>
<div class="code-name">&amp;#xe608;</div>
</li>
@@ -372,9 +444,9 @@
<pre><code class="language-css"
>@font-face {
font-family: 'iconfont';
src: url('iconfont.woff2?t=1778814549591') format('woff2'),
url('iconfont.woff?t=1778814549591') format('woff'),
url('iconfont.ttf?t=1778814549591') format('truetype');
src: url('iconfont.woff2?t=1783075781525') format('woff2'),
url('iconfont.woff?t=1783075781525') format('woff'),
url('iconfont.ttf?t=1783075781525') format('truetype');
}
</code></pre>
<h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
@@ -400,6 +472,132 @@
<div class="content font-class">
<ul class="icon_lists dib-box">
<li class="dib">
<span class="icon iconfont icon-nav-help-center"></span>
<div class="name">
nav-help-center
</div>
<div class="code-name">.icon-nav-help-center
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-nav-contact-us"></span>
<div class="name">
contact-us
</div>
<div class="code-name">.icon-nav-contact-us
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-nav-about-us"></span>
<div class="name">
about-us
</div>
<div class="code-name">.icon-nav-about-us
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-nav-partnership"></span>
<div class="name">
partnership
</div>
<div class="code-name">.icon-nav-partnership
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-nav-trading-courses"></span>
<div class="name">
trading-courses
</div>
<div class="code-name">.icon-nav-trading-courses
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-nav-payout"></span>
<div class="name">
payout
</div>
<div class="code-name">.icon-nav-payout
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-nav-live-sessions"></span>
<div class="name">
live-sessions
</div>
<div class="code-name">.icon-nav-live-sessions
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-nav-ai-coach"></span>
<div class="name">
ai-coach
</div>
<div class="code-name">.icon-nav-ai-coach
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-nav-account-models"></span>
<div class="name">
account-models
</div>
<div class="code-name">.icon-nav-account-models
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-check"></span>
<div class="name">
check
</div>
<div class="code-name">.icon-check
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-dianhua"></span>
<div class="name">
Contact
</div>
<div class="code-name">.icon-dianhua
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-youxiang"></span>
<div class="name">
Email
</div>
<div class="code-name">.icon-youxiang
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-dizhi"></span>
<div class="name">
Address
</div>
<div class="code-name">.icon-dizhi
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-nav-application-form"></span>
<div class="name">
Application Form
</div>
<div class="code-name">.icon-nav-application-form
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-challenge_start"></span>
<div class="name">
@@ -670,15 +868,6 @@
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-nav-about-us"></span>
<div class="name">
nav-about-us
</div>
<div class="code-name">.icon-nav-about-us
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-nav-video-hub"></span>
<div class="name">
@@ -715,15 +904,6 @@
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-nav-payout"></span>
<div class="name">
nav-payout
</div>
<div class="code-name">.icon-nav-payout
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-nav-academy"></span>
<div class="name">
@@ -770,11 +950,11 @@
</li>
<li class="dib">
<span class="icon iconfont icon-nav-contact"></span>
<span class="icon iconfont icon-nav-contact-us-01"></span>
<div class="name">
nav-contact
nav-contact-us
</div>
<div class="code-name">.icon-nav-contact
<div class="code-name">.icon-nav-contact-us-01
</div>
</li>
@@ -877,6 +1057,118 @@
<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-nav-help-center"></use>
</svg>
<div class="name">nav-help-center</div>
<div class="code-name">#icon-nav-help-center</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-nav-contact-us"></use>
</svg>
<div class="name">contact-us</div>
<div class="code-name">#icon-nav-contact-us</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-nav-about-us"></use>
</svg>
<div class="name">about-us</div>
<div class="code-name">#icon-nav-about-us</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-nav-partnership"></use>
</svg>
<div class="name">partnership</div>
<div class="code-name">#icon-nav-partnership</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-nav-trading-courses"></use>
</svg>
<div class="name">trading-courses</div>
<div class="code-name">#icon-nav-trading-courses</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-nav-payout"></use>
</svg>
<div class="name">payout</div>
<div class="code-name">#icon-nav-payout</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-nav-live-sessions"></use>
</svg>
<div class="name">live-sessions</div>
<div class="code-name">#icon-nav-live-sessions</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-nav-ai-coach"></use>
</svg>
<div class="name">ai-coach</div>
<div class="code-name">#icon-nav-ai-coach</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-nav-account-models"></use>
</svg>
<div class="name">account-models</div>
<div class="code-name">#icon-nav-account-models</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-check"></use>
</svg>
<div class="name">check</div>
<div class="code-name">#icon-check</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-dianhua"></use>
</svg>
<div class="name">Contact</div>
<div class="code-name">#icon-dianhua</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-youxiang"></use>
</svg>
<div class="name">Email</div>
<div class="code-name">#icon-youxiang</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-dizhi"></use>
</svg>
<div class="name">Address</div>
<div class="code-name">#icon-dizhi</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-nav-application-form"></use>
</svg>
<div class="name">Application Form</div>
<div class="code-name">#icon-nav-application-form</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-challenge_start"></use>
@@ -1117,14 +1409,6 @@
<div class="code-name">#icon-nav-funding-programs</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-nav-about-us"></use>
</svg>
<div class="name">nav-about-us</div>
<div class="code-name">#icon-nav-about-us</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-nav-video-hub"></use>
@@ -1157,14 +1441,6 @@
<div class="code-name">#icon-nav-leaderboard</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-nav-payout"></use>
</svg>
<div class="name">nav-payout</div>
<div class="code-name">#icon-nav-payout</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-nav-academy"></use>
@@ -1207,10 +1483,10 @@
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-nav-contact"></use>
<use xlink:href="#icon-nav-contact-us-01"></use>
</svg>
<div class="name">nav-contact</div>
<div class="code-name">#icon-nav-contact</div>
<div class="name">nav-contact-us</div>
<div class="code-name">#icon-nav-contact-us-01</div>
</li>
<li class="dib">