WColorSelectInput

Description:

Props

Name Type Default value Required? Description
value String '#FFFFFF' No 輸入顏色字串,預設'#FFFFFF'
size Number 200 No 輸入尺寸數字,代表組件基礎寬度與將自動計算高度,單位px,預設200
borderColor String '#ddd' No 輸入邊框顏色字串,預設'#ddd'
borderColorHover String '#ccc' No 輸入滑鼠移入時邊框顏色字串,預設'#ccc'
borderColorActive String '#777' No 輸入主動模式時邊框顏色字串,預設'#777'
backgroundColor String 'transparent' No 輸入背景顏色字串,預設'transparent'
menuBorderRadius Number 4 No 輸入框圓角度數字,單位為px,預設4
menuBackgroundColor String '#fff' No 輸入選單背景顏色字串,預設'#fff'
menuBackgroundColorHover String '#f9f9f9' No 輸入滑鼠移入時選單背景顏色字串,預設'#f9f9f9'
menuBackgroundColorActive String '#f2f2f2' No 輸入主動模式時選單背景顏色字串,預設'#f2f2f2'
menuTextColor String '#444' No 輸入選單文字顏色字串,預設'#444'
menuTextColorHover String '#222' No 輸入滑鼠移入時選單文字顏色字串,預設'#222'
menuTextColorActive String '#000' No 輸入主動模式時選單文字顏色字串,預設'#000'
menuTextFontSize String '0.8rem' No 輸入選單文字字型大小字串,預設'0.8rem'
inputBorderRadius Number 4 No 輸入顏色數字輸入區邊框圓角度數字,單位為px,預設4
inputBorderColor String '#ccc' No 輸入顏色數字輸入區邊框顏色字串,預設'#ccc'
inputBorderColorHover String '#b5b5b5' No 輸入滑鼠移入時顏色數字輸入區邊框顏色字串,預設'#b5b5b5'
inputBorderColorActive String '#aaa' No 輸入主動模式時顏色數字輸入區邊框顏色字串,預設'#aaa'
inputBackgroundColor String '#fff' No 輸入顏色數字輸入區背景顏色字串,預設'#fff'
inputBackgroundColorHover String '#fafafa' No 輸入滑鼠移入時顏色數字輸入區背景顏色字串,預設'#fafafa'
inputBackgroundColorActive String '#f2f2f2' No 輸入主動模式時顏色數字輸入區背景顏色字串,預設'#f2f2f2'
inputTextColor String '#000' No 輸入顏色數字輸入區文字顏色字串,預設'#000'
inputTextFontSize String '0.8rem' No 輸入顏色數字輸入區文字字型大小字串,預設'0.8rem'
inputTextWidth Number 38 No 輸入顏色數字輸入區寬度數字,單位為px,預設38
inputTextHeight Number 18 No 輸入顏色數字輸入區高度數字,單位為px,預設18
inputLabelWidth Number 12 No 輸入顏色數字輸入區標題寬度數字,單位為px,預設12
inputLabelColor String '#666' No 輸入文字顏色字串,預設'#666'
inputLabelFontSize String '0.8rem' No 輸入文字字型大小字串,預設'0.8rem'
barProgHeight Number 4 No 輸入值域條高度數字,單位為px,預設4
barProgColor String '#74a4d9' No 輸入值域條顏色字串,預設'#74a4d9'
barProgBackgroundColor String '#eee' No 輸入值域條背景顏色字串,預設'#eee'
barSliderSize Number 10 No 輸入拖曳球尺寸數字,單位為px,預設10
barSliderBackgroundColor String '#1565C0' No 輸入拖曳球背景顏色字串,預設'#1565C0'
barSliderBackgroundColorHover String '#1976D2' No 輸入滑鼠移入時拖曳球背景顏色字串,預設'#1976D2'

Props

Name Type Default value Required? Description
value String '#FFFFFF' No 輸入顏色字串,預設'#FFFFFF'
size Number 200 No 輸入尺寸數字,代表組件基礎寬度與將自動計算高度,單位px,預設200
borderColor String '#ddd' No 輸入邊框顏色字串,預設'#ddd'
borderColorHover String '#ccc' No 輸入滑鼠移入時邊框顏色字串,預設'#ccc'
borderColorActive String '#777' No 輸入主動模式時邊框顏色字串,預設'#777'
backgroundColor String 'transparent' No 輸入背景顏色字串,預設'transparent'
menuBorderRadius Number 4 No 輸入框圓角度數字,單位為px,預設4
menuBackgroundColor String '#fff' No 輸入選單背景顏色字串,預設'#fff'
menuBackgroundColorHover String '#f9f9f9' No 輸入滑鼠移入時選單背景顏色字串,預設'#f9f9f9'
menuBackgroundColorActive String '#f2f2f2' No 輸入主動模式時選單背景顏色字串,預設'#f2f2f2'
menuTextColor String '#444' No 輸入選單文字顏色字串,預設'#444'
menuTextColorHover String '#222' No 輸入滑鼠移入時選單文字顏色字串,預設'#222'
menuTextColorActive String '#000' No 輸入主動模式時選單文字顏色字串,預設'#000'
menuTextFontSize String '0.8rem' No 輸入選單文字字型大小字串,預設'0.8rem'
inputBorderRadius Number 4 No 輸入顏色數字輸入區邊框圓角度數字,單位為px,預設4
inputBorderColor String '#ccc' No 輸入顏色數字輸入區邊框顏色字串,預設'#ccc'
inputBorderColorHover String '#b5b5b5' No 輸入滑鼠移入時顏色數字輸入區邊框顏色字串,預設'#b5b5b5'
inputBorderColorActive String '#aaa' No 輸入主動模式時顏色數字輸入區邊框顏色字串,預設'#aaa'
inputBackgroundColor String '#fff' No 輸入顏色數字輸入區背景顏色字串,預設'#fff'
inputBackgroundColorHover String '#fafafa' No 輸入滑鼠移入時顏色數字輸入區背景顏色字串,預設'#fafafa'
inputBackgroundColorActive String '#f2f2f2' No 輸入主動模式時顏色數字輸入區背景顏色字串,預設'#f2f2f2'
inputTextColor String '#000' No 輸入顏色數字輸入區文字顏色字串,預設'#000'
inputTextFontSize String '0.8rem' No 輸入顏色數字輸入區文字字型大小字串,預設'0.8rem'
inputTextWidth Number 38 No 輸入顏色數字輸入區寬度數字,單位為px,預設38
inputTextHeight Number 18 No 輸入顏色數字輸入區高度數字,單位為px,預設18
inputLabelWidth Number 12 No 輸入顏色數字輸入區標題寬度數字,單位為px,預設12
inputLabelColor String '#666' No 輸入文字顏色字串,預設'#666'
inputLabelFontSize String '0.8rem' No 輸入文字字型大小字串,預設'0.8rem'
barProgHeight Number 4 No 輸入值域條高度數字,單位為px,預設4
barProgColor String '#74a4d9' No 輸入值域條顏色字串,預設'#74a4d9'
barProgBackgroundColor String '#eee' No 輸入值域條背景顏色字串,預設'#eee'
barSliderSize Number 10 No 輸入拖曳球尺寸數字,單位為px,預設10
barSliderBackgroundColor String '#1565C0' No 輸入拖曳球背景顏色字串,預設'#1565C0'
barSliderBackgroundColorHover String '#1976D2' No 輸入滑鼠移入時拖曳球背景顏色字串,預設'#1976D2'