StudentManageSystem/wwwroot/fonts/icon.html

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title></title>
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="hg-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <link rel="stylesheet" href="../css/font-awesome.min.css">
    <link rel="stylesheet" href="../lib/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="../lib/admin/admin.css" media="all">
    <style>
      .icons li{margin:5px 0;text-align:center;height:120px;cursor:pointer;}
      .icons li i{display:block;font-size:35px;margin:10px 0;line-height:60px;height:60px;}
      .icons li:hover{ background:#344058; border-radius:5px; color:#fff;}
      .section{ padding:20px; }
      .layui-card-body .fa {font-size: 25px !important;}
      .layui-card-body .fa:hover {font-size: 50px !important;}
      .layui-card-body .page-header {padding-bottom: 9px;border-bottom: 1px solid #eee;}
  </style>
</head>

<body class="layui-body-content">
    <div class="layui-fluid">
        <div class="layui-card">
            <div class="layui-card-header">
                <i class="fa fa-server"></i> 字体图标库
                <span class="layui-layout-right">
                    <a href="javascript:;" hg-event="fullscreen">
                        <i class="layui-icon layui-icon-screen-full"></i>
                    </a>
                </span>
            </div>

            <div class="layui-card-body">
              <blockquote class="site-text layui-elem-quote">  Font Awesome V4.7 使用文档 http://www.fontawesome.com.cn/examples/
              </blockquote>
              <div class="section">
                <h2 class="page-header">最新的4.7版，新增了41个图标</h2>
                <ul class="icons layui-row">  
                  <li class="layui-col-xs4 layui-col-sm3 layui-col-md2 layui-col-lg1 "><i class="fa fa-address-book"></i><span>fa-address-book</span></li>
                  <li class="layui-col-xs4 layui-col-sm3 layui-col-md2 layui-col-lg1 "><i class="fa fa-address-book-o"></i><span>fa-address-book-o</span></li>
                  <li class="layui-col-xs4 layui-col-sm3 layui-col-md2 layui-col-lg1 "><i class="fa fa-address-card"></i><span>fa-address-card</span></li>
                  <li class="layui-col-xs4 layui-col-sm3 layui-col-md2 layui-col-lg1 "><i class="fa fa-address-card-o"></i><span>fa-address-card-o</span></li>
                  <li class="layui-col-xs4 layui-col-sm3 layui-col-md2 layui-col-lg1 "><i class="fa fa-bandcamp"></i><span>fa-bandcamp</span></li>
                  <li class="layui-col-xs4 layui-col-sm3 layui-col-md2 layui-col-lg1 "><i class="fa fa-bath"></i><span>fa-bath</span></li>
                  <li class="layui-col-xs4 layui-col-sm3 layui-col-md2 layui-col-lg1 "><i class="fa fa-bathtub"></i><span>fa-bathtub</span></li>
                  <li class="layui-col-xs4 layui-col-sm3 layui-col-md2 layui-col-lg1 "><i class="fa fa-drivers-license"></i><span>fa-drivers-license</span></li>
                  <li class="layui-col-xs4 layui-col-sm3 layui-col-md2 layui-col-lg1 "><i class="fa fa-drivers-license-o"></i><span>fa-drivers-license-o</span></li>
                  <li class="layui-col-xs4 layui-col-sm3 layui-col-md2 layui-col-lg1 "><i class="fa fa-eercast"></i><span>fa-eercast</span></li>
                  <li class="layui-col-xs4 layui-col-sm3 layui-col-md2 layui-col-lg1 "><i class="fa fa-envelope-open"></i><span>fa-envelope-open</span></li>
                  <li class="layui-col-xs4 layui-col-sm3 layui-col-md2 layui-col-lg1 "><i class="fa fa-envelope-open-o"></i><span>fa-envelope-open-o</span></li>
                  <li class="layui-col-xs4 layui-col-sm3 layui-col-md2 layui-col-lg1 "><i class="fa fa-etsy"></i><span>fa-etsy</span></li>
                  <li class="layui-col-xs4 layui-col-sm3 layui-col-md2 layui-col-lg1 "><i class="fa fa-free-code-camp"></i><span>fa-free-code-camp</span></li>
                  <li class="layui-col-xs4 layui-col-sm3 layui-col-md2 layui-col-lg1 "><i class="fa fa-grav"></i><span>fa-grav</span></li>
                  <li class="layui-col-xs4 layui-col-sm3 layui-col-md2 layui-col-lg1 "><i class="fa fa-handshake-o"></i><span>fa-handshake-o</span></li>
                  <li class="layui-col-xs4 layui-col-sm3 layui-col-md2 layui-col-lg1 "><i class="fa fa-id-badge"></i><span>fa-id-badge</span></li>
                  <li class="layui-col-xs4 layui-col-sm3 layui-col-md2 layui-col-lg1 "><i class="fa fa-id-card"></i><span>fa-id-card</span></li>