レイウイアイコンとは何ですか

爱喝马黛茶的安东尼
リリース: 2019-07-11 13:42:51
オリジナル
9199 人が閲覧しました

レイウイアイコンとは何ですか

フォント アイコン

layui のすべてのアイコンは、Alibaba ベクター アイコン ライブラリ (iconfont) から取得されたフォント形式です。 )。したがって、アイコンは通常のテキストと考えることができます。つまり、CSS を直接使用して色やフォント サイズなどのテキスト プロパティを制御することで、アイコンの色とサイズを変更できます。フォントクラスまたは Unicode を介してさまざまなアイコンを定義できます。

使用方法

インライン要素に class="layui-icon" を設定してアイコンを定義し (通常は i タグが推奨されます)、その後 font-class を追加します要素のアイコンに対応して (注:layui 2.3.0 より前は Unicode 文字のみをサポートしています)、必要なアイコンを表示できます。たとえば:

<i class="layui-icon layui-icon-face-smile"></i>   
注意:在 layui 2.3.0 之前的版本,只能设置 unicode 来定义图标
    <i class="layui-icon">&#xe60c;</i>   
其中的 &#xe60c; 即是图标对应的 unicode 字符
ログイン後にコピー

次のように色やサイズを定義できます。

<i class="layui-icon layui-icon-face-smile" style="font-size: 30px; color: #1E9FFF;"></i>
ログイン後にコピー

関連推奨事項: 「layui フレームワーク チュートリアル

140 種類のアイコン:

レイウイアイコンとは何ですか

レイウイアイコンとは何ですか

レイウイアイコンとは何ですか

レイウイアイコンとは何ですか

#

以上がレイウイアイコンとは何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート