[Learn AF3] App Framework 3.0中的內建向量表徵圖

標籤：

AF3的內建向量表徵圖

 

介紹：要使用af3中的表徵圖，必須首先引入icon.css，由於檔案中已經內建了字型檔資料，因此不需要引入字型檔支援。

<link rel="stylesheet" type="text/css" href="js/af3.0/icons.min.css" />

使用：引入icon.css檔案之後，我們就可以通過給需要顯示表徵圖的元素添加css類名來顯示表徵圖（實際上就是一個向量字元），注意需要同時添加icon 和表徵圖的具體類名。af3的向量表徵圖同時支援三種規格，正常大小、小號表徵圖、大號表徵圖，具體請看下面代碼：

<!-- 顯示正常大小的home表徵圖 --><div class=‘icon home‘>Home</div> <!-- 顯示小號的home表徵圖 --><div class=‘icon home mini‘>Home</div> <!-- 顯示大號的home表徵圖 --><div class=‘icon home big‘>Home</div>

AF3表徵圖索引：由於官網沒有表徵圖的索引，特此製作了af中表徵圖的索引圖片。

 

[Learn AF3] App Framework 3.0中的內建向量表徵圖