WConfirm

Description:

Props

Name Type Default value Required? Description
show Boolean false No 輸入是否顯示,預設false
title String '' No 輸入標題字串,預設''
titleColor String 'black' No 輸入標題顏色字串,預設'black'
content String '' No 輸入內容字串,預設''
contentColor String 'black' No 輸入內容顏色字串,預設'black'
contentIcon String mdiAlert No 輸入內容左側圖標字串,可為mdi,md,fa代號或mdi/js路徑,預設mdiAlert
contentIconColor String 'orange' No 輸入內容左側圖標顏色字串,預設'orange'
contentIconSize Number 40 No 輸入內容左側圖標大小數字,預設40
hasNoBtn Boolean true No 輸入是否顯示取消按鈕,預設true
noBtnText String 'Cancel' No 輸入否決按鈕文字字串,預設'Cancel'
noBtnTextColor String '#444' No 輸入否決按鈕文字顏色字串,預設'#444'
noBtnTextColorHover String '#444' No 輸入滑鼠移入時否決按鈕文字顏色字串,預設'#444'
noBtnBackgroundColor String '#fff' No 輸入否決按鈕顏色字串,預設'#fff'
noBtnBackgroundColorHover String '#f2f2f2' No 輸入滑鼠移入時否決按鈕顏色字串,預設'#f2f2f2'
yesBtnText String 'Yes' No 輸入同意按鈕文字字串,預設'Yes'
yesBtnTextColor String '#fff' No 輸入同意按鈕文字顏色字串,預設'#fff'
yesBtnTextColorHover String '#fff' No 輸入滑鼠移入時同意按鈕文字顏色字串,預設'#fff'
yesBtnBackgroundColor String '#f15' No 輸入同意按鈕顏色字串,預設'#f15'
yesBtnBackgroundColorHover String '#f26' No 輸入滑鼠移入時同意按鈕顏色字串,預設'#f26'
headerBackgroundColor String 'grey lighten-5' No 輸入上方區塊背景顏色字串,預設'grey lighten-5'
contentBackgroundColor String 'white' No 輸入內容區塊背景顏色字串,預設'white'
footerBackgroundColor String 'grey lighten-5' No 輸入下方區塊背景顏色字串,預設'grey lighten-5'
minWidth Number 200 No 輸入彈窗最小寬度數值,單位為px,預設200,當裝置寬度小於彈窗最小寬度時則使用裝置寬度
maxWidth Number 500 No 輸入彈窗最大寬度,單位為px,預設500

Props

Name Type Default value Required? Description
show Boolean false No 輸入是否顯示,預設false
title String '' No 輸入標題字串,預設''
titleColor String 'black' No 輸入標題顏色字串,預設'black'
content String '' No 輸入內容字串,預設''
contentColor String 'black' No 輸入內容顏色字串,預設'black'
contentIcon String mdiAlert No 輸入內容左側圖標字串,可為mdi,md,fa代號或mdi/js路徑,預設mdiAlert
contentIconColor String 'orange' No 輸入內容左側圖標顏色字串,預設'orange'
contentIconSize Number 40 No 輸入內容左側圖標大小數字,預設40
hasNoBtn Boolean true No 輸入是否顯示取消按鈕,預設true
noBtnText String 'Cancel' No 輸入否決按鈕文字字串,預設'Cancel'
noBtnTextColor String '#444' No 輸入否決按鈕文字顏色字串,預設'#444'
noBtnTextColorHover String '#444' No 輸入滑鼠移入時否決按鈕文字顏色字串,預設'#444'
noBtnBackgroundColor String '#fff' No 輸入否決按鈕顏色字串,預設'#fff'
noBtnBackgroundColorHover String '#f2f2f2' No 輸入滑鼠移入時否決按鈕顏色字串,預設'#f2f2f2'
yesBtnText String 'Yes' No 輸入同意按鈕文字字串,預設'Yes'
yesBtnTextColor String '#fff' No 輸入同意按鈕文字顏色字串,預設'#fff'
yesBtnTextColorHover String '#fff' No 輸入滑鼠移入時同意按鈕文字顏色字串,預設'#fff'
yesBtnBackgroundColor String '#f15' No 輸入同意按鈕顏色字串,預設'#f15'
yesBtnBackgroundColorHover String '#f26' No 輸入滑鼠移入時同意按鈕顏色字串,預設'#f26'
headerBackgroundColor String 'grey lighten-5' No 輸入上方區塊背景顏色字串,預設'grey lighten-5'
contentBackgroundColor String 'white' No 輸入內容區塊背景顏色字串,預設'white'
footerBackgroundColor String 'grey lighten-5' No 輸入下方區塊背景顏色字串,預設'grey lighten-5'
minWidth Number 200 No 輸入彈窗最小寬度數值,單位為px,預設200,當裝置寬度小於彈窗最小寬度時則使用裝置寬度
maxWidth Number 500 No 輸入彈窗最大寬度,單位為px,預設500