字體圖標

                    layui 的所有圖標全部采用字體形式,取材于阿里巴巴矢量圖標庫(iconfont)。因此你可以把一個 icon 看作是一個普通的文字,這意味著你直接用 css 控制文字屬性,如 color、font-size,就可以改變圖標的顏色和大小。你可以通過 font-classunicode 來定義不同的圖標。

                    通過對一個內聯元素(一般推薦用 i標簽)設定 class="layui-icon",來定義一個圖標,然后對元素加上圖標對應的 font-class(注意:layui 2.3.0 之前只支持采用 unicode 字符),即可顯示出你想要的圖標,譬如:

                    從 layui 2.3.0 開始,支持 font-class 的形式定義圖標:
                    <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(里面含圖標字體文件)所在的地址與你當前的頁面地址不在同一個域下,即會出現圖標跨域問題。所以要么你就把 layui 與網站放在同一服務器,要么就對 layui 所在的資源服務器的 Response Headers 加上屬性:Access-Control-Allow-Origin: *

                    layui - 用心與你溝通

                    亚洲图色