- Description:
| Name | Type | Default value | Required? | Description |
|---|---|---|---|---|
avatarOuterPadding |
Number | 15 |
No | 輸入圖標區外側間距數字，單位為px，預設15 |
avatarInnerPadding |
Number | 15 |
No | 輸入圖標區內側間距數字，單位為px，預設15 |
avatarIcon |
String | mdiForest |
No | 輸入圖標字串，預設mdiForest |
avatarIconSize |
Number | 60 |
No | 輸入圖標尺寸數字，單位為px，預設60 |
avatarIconColor |
String | 'white' |
No | 輸入圖標顏色字串，預設'white' |
avatarBorderWidth |
Number | 1 |
No | 輸入圖標區框線寬度數字，單位為px，預設1 |
avatarBorderColor |
String | 'transparnet' |
No | 輸入圖標區框線顏色字串，預設'transparnet' |
avatarBackgroundColor |
String | 'rgba(239,108,0,0.5)' |
No | 輸入圖標區背景顏色字串，預設'rgba(239,108,0,0.5)' |
avatarBorderRadius |
Number | 10 |
No | 輸入圖標區框圓角程度數字，單位為px，預設10 |
avatarShadow |
Boolean | true |
No | 輸入是否使用圖標區陰影效果數字，預設true |
shiftVFromAvaterCenter |
Number | 20 |
No | 輸入圖標區基於水平中線之朝下平移數字，單位為px，預設20 |
spaceHBetweenAvatarAndHeader |
Number | 20 |
No | 輸入圖標區與右側標題區間距數字，單位為px，預設20 |
spaceVBetweenHeaderAndContent |
Number | 0 |
No | 輸入標題區與下方內容區間距數字，單位為px，預設0 |
headerVerticalAlign |
String | 'center' |
No | 輸入標題區內文字垂直對齊字串，可選'top'、'center'、'bottom'，預設'center' |
headerPadding |
Number | 15 |
No | 輸入標題區間距數字，單位為px，預設15 |
headerText |
String | '' |
No | 輸入標題區主要文字字串，預設'' |
headerTextColor |
String | '#444' |
No | 輸入標題區主要文字顏色字串，預設'#444' |
headerTextSize |
String | '1.0rem' |
No | 輸入標題區主要文字字型大小數字，預設'1.0rem' |
subHeaderText |
String | '' |
No | 輸入標題區次要文字字串，預設'' |
subHeaderTextColor |
String | '#888' |
No | 輸入標題區次要文字顏色字串，預設'#888' |
subHeaderTextSize |
String | '0.7rem' |
No | 輸入標題區次要文字字型大小數字，預設'0.7rem' |
sepLineWidth |
Number | 1 |
No | 輸入標題區與內容區分隔線寬度數字，單位為px，預設1 |
sepLineColor |
String | '#ddd' |
No | 輸入標題區與內容區分隔線顏色字串，預設'#ddd' |
contentBorderRadius |
Number | 3 |
No | 輸入內容區框圓角程度數字，單位為px，預設3 |
contentBackgroundColor |
String | 'white' |
No | 輸入內容區背景顏色字串，預設'white' |
contentShadow |
Boolean | true |
No | 輸入是否使用內容區陰影效果數字，預設true |
| Name | Type | Default value | Required? | Description |
|---|---|---|---|---|
avatarOuterPadding |
Number | 15 |
No | 輸入圖標區外側間距數字，單位為px，預設15 |
avatarInnerPadding |
Number | 15 |
No | 輸入圖標區內側間距數字，單位為px，預設15 |
avatarIcon |
String | mdiForest |
No | 輸入圖標字串，預設mdiForest |
avatarIconSize |
Number | 60 |
No | 輸入圖標尺寸數字，單位為px，預設60 |
avatarIconColor |
String | 'white' |
No | 輸入圖標顏色字串，預設'white' |
avatarBorderWidth |
Number | 1 |
No | 輸入圖標區框線寬度數字，單位為px，預設1 |
avatarBorderColor |
String | 'transparnet' |
No | 輸入圖標區框線顏色字串，預設'transparnet' |
avatarBackgroundColor |
String | 'rgba(239,108,0,0.5)' |
No | 輸入圖標區背景顏色字串，預設'rgba(239,108,0,0.5)' |
avatarBorderRadius |
Number | 10 |
No | 輸入圖標區框圓角程度數字，單位為px，預設10 |
avatarShadow |
Boolean | true |
No | 輸入是否使用圖標區陰影效果數字，預設true |
shiftVFromAvaterCenter |
Number | 20 |
No | 輸入圖標區基於水平中線之朝下平移數字，單位為px，預設20 |
spaceHBetweenAvatarAndHeader |
Number | 20 |
No | 輸入圖標區與右側標題區間距數字，單位為px，預設20 |
spaceVBetweenHeaderAndContent |
Number | 0 |
No | 輸入標題區與下方內容區間距數字，單位為px，預設0 |
headerVerticalAlign |
String | 'center' |
No | 輸入標題區內文字垂直對齊字串，可選'top'、'center'、'bottom'，預設'center' |
headerPadding |
Number | 15 |
No | 輸入標題區間距數字，單位為px，預設15 |
headerText |
String | '' |
No | 輸入標題區主要文字字串，預設'' |
headerTextColor |
String | '#444' |
No | 輸入標題區主要文字顏色字串，預設'#444' |
headerTextSize |
String | '1.0rem' |
No | 輸入標題區主要文字字型大小數字，預設'1.0rem' |
subHeaderText |
String | '' |
No | 輸入標題區次要文字字串，預設'' |
subHeaderTextColor |
String | '#888' |
No | 輸入標題區次要文字顏色字串，預設'#888' |
subHeaderTextSize |
String | '0.7rem' |
No | 輸入標題區次要文字字型大小數字，預設'0.7rem' |
sepLineWidth |
Number | 1 |
No | 輸入標題區與內容區分隔線寬度數字，單位為px，預設1 |
sepLineColor |
String | '#ddd' |
No | 輸入標題區與內容區分隔線顏色字串，預設'#ddd' |
contentBorderRadius |
Number | 3 |
No | 輸入內容區框圓角程度數字，單位為px，預設3 |
contentBackgroundColor |
String | 'white' |
No | 輸入內容區背景顏色字串，預設'white' |
contentShadow |
Boolean | true |
No | 輸入是否使用內容區陰影效果數字，預設true |