<del id="kmqwi"><b id="kmqwi"></b></del>
      <track id="kmqwi"><del id="kmqwi"></del></track>
    1. <table id="kmqwi"></table>
      <acronym id="kmqwi"><strong id="kmqwi"></strong></acronym>
    2. 
      
      <p id="kmqwi"><strong id="kmqwi"></strong></p>
    3. 字體圖標

      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 - 用心與你溝通

      亚洲图色