- Description:
| Name | Type | Default value | Required? | Description |
|---|---|---|---|---|
items |
Array | [] |
No | 輸入項目的字串陣列或物件陣列，預設[] |
activeMode |
String | 'one' |
No | 輸入項目點擊成為活耀狀態模式字串，可選'one'與'multi'，預設'one' |
itemActive |
String|Object|Array | null |
No | 輸入活耀項目物件，預設null |
itemTextFontSize |
String | '1rem' |
No | 輸入文字字型大小字串，預設'1rem' |
keyText |
String | 'text' |
No | 輸入項目為物件時，存放顯示文字之欄位字串，預設'text' |
keyIcon |
String | 'icon' |
No | 輸入項目為物件時，存放圖標之欄位字串，預設'icon' |
keyDsp |
String | 'dsp' |
No | 輸入項目為物件時，存放說明文字之欄位字串，預設'dsp' |
paddingStyle |
Object | {v:10,h:12} |
No | 輸入內寬距離設定物件，可用鍵值為v、h、left、right、top、bottom，v代表同時設定top與bottom，h代表設定left與right，若有重複設定時後面鍵值會覆蓋前面，各鍵值為寬度數字，單位為px，預設{v:10,h:12} |
itemBackgroundColor |
String | 'white' |
No | 輸入背景顏色字串，預設'white' |
itemBackgroundColorHover |
String | 'rgba(200,200,200,0.2)' |
No | 輸入滑鼠移入時背景顏色字串，預設'rgba(200,200,200,0.2)' |
itemBackgroundColorActive |
String | 'orange lighten-1' |
No | 輸入主動模式時背景顏色字串，預設'orange lighten-1' |
itemTextColor |
String | '#444' |
No | 輸入文字顏色字串，預設'#444' |
itemTextColorHover |
String | '#222' |
No | 輸入滑鼠移入時文字顏色字串，預設'#222' |
itemTextColorActive |
String | 'white' |
No | 輸入主動模式時文字顏色字串，預設'white' |
itemIconSize |
Number | 22 |
No | 輸入左側圖標之尺寸數字，單位px，預設22 |
itemIconColor |
String | '#444' |
No | 輸入圖標顏色字串，預設'#444' |
itemIconColorHover |
String | '#222' |
No | 輸入滑鼠移入時圖標顏色字串，預設'#222' |
itemIconColorActive |
String | 'white' |
No | 輸入主動模式時圖標顏色字串，預設'white' |
itemExpansionIcon |
String | mdiPlay |
No | 輸入顯隱圖標字串，可為mdi,md,fa代號或mdi/js路徑，預設使用mdi的圖標(mdiPlay) |
itemExpansionIconSize |
Number | 18 |
No | 輸入顯隱圖標尺寸數字，單位為px，預設18 |
itemExpansionIconColor |
String | 'grey' |
No | 輸入顯隱圖標顏色字串，預設'grey' |
itemRippleColor |
String | 'rgba(255,255,255,0.4)' |
No | 輸入ripple效果顏色字串，預設'rgba(255,255,255,0.4)' |
| Name | Type | Default value | Required? | Description |
|---|---|---|---|---|
items |
Array | [] |
No | 輸入項目的字串陣列或物件陣列，預設[] |
activeMode |
String | 'one' |
No | 輸入項目點擊成為活耀狀態模式字串，可選'one'與'multi'，預設'one' |
itemActive |
String|Object|Array | null |
No | 輸入活耀項目物件，預設null |
itemTextFontSize |
String | '1rem' |
No | 輸入文字字型大小字串，預設'1rem' |
keyText |
String | 'text' |
No | 輸入項目為物件時，存放顯示文字之欄位字串，預設'text' |
keyIcon |
String | 'icon' |
No | 輸入項目為物件時，存放圖標之欄位字串，預設'icon' |
keyDsp |
String | 'dsp' |
No | 輸入項目為物件時，存放說明文字之欄位字串，預設'dsp' |
paddingStyle |
Object | {v:10,h:12} |
No | 輸入內寬距離設定物件，可用鍵值為v、h、left、right、top、bottom，v代表同時設定top與bottom，h代表設定left與right，若有重複設定時後面鍵值會覆蓋前面，各鍵值為寬度數字，單位為px，預設{v:10,h:12} |
itemBackgroundColor |
String | 'white' |
No | 輸入背景顏色字串，預設'white' |
itemBackgroundColorHover |
String | 'rgba(200,200,200,0.2)' |
No | 輸入滑鼠移入時背景顏色字串，預設'rgba(200,200,200,0.2)' |
itemBackgroundColorActive |
String | 'orange lighten-1' |
No | 輸入主動模式時背景顏色字串，預設'orange lighten-1' |
itemTextColor |
String | '#444' |
No | 輸入文字顏色字串，預設'#444' |
itemTextColorHover |
String | '#222' |
No | 輸入滑鼠移入時文字顏色字串，預設'#222' |
itemTextColorActive |
String | 'white' |
No | 輸入主動模式時文字顏色字串，預設'white' |
itemIconSize |
Number | 22 |
No | 輸入左側圖標之尺寸數字，單位px，預設22 |
itemIconColor |
String | '#444' |
No | 輸入圖標顏色字串，預設'#444' |
itemIconColorHover |
String | '#222' |
No | 輸入滑鼠移入時圖標顏色字串，預設'#222' |
itemIconColorActive |
String | 'white' |
No | 輸入主動模式時圖標顏色字串，預設'white' |
itemExpansionIcon |
String | mdiPlay |
No | 輸入顯隱圖標字串，可為mdi,md,fa代號或mdi/js路徑，預設使用mdi的圖標(mdiPlay) |
itemExpansionIconSize |
Number | 18 |
No | 輸入顯隱圖標尺寸數字，單位為px，預設18 |
itemExpansionIconColor |
String | 'grey' |
No | 輸入顯隱圖標顏色字串，預設'grey' |
itemRippleColor |
String | 'rgba(255,255,255,0.4)' |
No | 輸入ripple效果顏色字串，預設'rgba(255,255,255,0.4)' |