模板:ImasIcon/本家

此模板基於Lua語言實現，依賴以下模組：

此模板是用於顯示偶像大師本家（主系列）中角色頭像的模板，封裝了ImasIcon/本家模塊，圖標來自《偶像大師星耀季節》偶像展示頁。
由於使用了雪碧圖/精靈圖（Sprite）技術，即使在頁面內大量使用該模板，也只會產生一個圖片請求。

Sprite圖

本模板修改自{{ImasIcon/ML}}。

用法

注意：本模板調用了模板樣式表。若需要在[[]]中使用本模板，且發現本模板在頁面中（尤其是在表格中）無法被正常調用，則請在對應頁面的開頭處加入代碼<templatestyles src="Template:ImasIcon/本家/style.css"/>（詳情請參見萌娘百科 talk:討論版/技術實現/存檔/2022年07月#關於由模板生成的圖片帶上連結後在表格中無法正常顯示的問題）。

本模板的用法如下：

{{ImasIcon/本家|匿名参数1|匿名参数2|circle|border|style|class}}

參數	作用
匿名參數`1`	必須，用於指定需要顯示的頭像的編號。角色對應的編號請參見「編號、名稱與圖標對照表」一節
匿名參數`2`	可選，用於設置頭像寬度，不需要帶單位，默認為160。受圖像解像度限制，不建議超過160
`circle`	可選，指定非空值時頭像會被裁剪為圓形。考慮到本套圖標默認即為圓形，進行裁剪效果更佳
`border`	可選。指定非空值時給頭像增加一個邊框邊框的顏色可以在`style`字段中指定，未指定的場合邊框顏色為白色（#ffffff）
`style`	可選。可以追加額外的CSS樣式已定義的樣式請參見模板樣式表註：邊框的顏色可以用`style=border-color:#XXXXXX`指定
`class`	可選。可以追加額外的CSS類模板樣式表中內置了一個實現圖標在鼠標懸停時變化的偽類`.imas-main-trans:hover`，效果請參見範例中的最後一項

代碼	效果
`{{ImasIcon/本家\|1}}`
`{{ImasIcon/本家\|2\|100}}`
`{{ImasIcon/本家\|14\|80\|circle=1}}`
`{{ImasIcon/本家\|16\|80\|border=1\|style=border-color:#fd9e32}}`
`{{ImasIcon/本家\|19\|100\|circle=1\|border=1\|style=border-color:#ea5b76}}`
`{{ImasIcon/本家\|20\|60\|circle=1\|border=1\|style=border-color:#6495cf; box-shadow: 0 5.5px 4px 0 rgba(0,0,0,0.22),0 4px 6px 0 rgba(0,0,0,0.22)}}`

代碼	效果
`{{ImasIcon/本家\|1}}`
`{{ImasIcon/本家\|2\|100}}`
`{{ImasIcon/本家\|14\|80\|circle=1}}`
`{{ImasIcon/本家\|16\|80\|border=1\|style=border-color:#fd9e32}}`
`{{ImasIcon/本家\|19\|100\|circle=1\|border=1\|style=border-color:#ea5b76}}`
`{{ImasIcon/本家\|20\|60\|circle=1\|border=1\|style=border-color:#6495cf; box-shadow: 0 5.5px 4px 0 rgba(0,0,0,0.22),0 4px 6px 0 rgba(0,0,0,0.22)}}`