WSlider

Description:

Props

Name Type Default value Required? Description
value Number 0 No 輸入值數字,介於valueMin與valueMax之間,預設0
valueMin Number 0 No 輸入最小值數字,預設0
valueMax Number 100 No 輸入最大值數字,預設100
valueStep Number 1 No 輸入間隔數字,預設1
valueDecimal Number 0 No 輸入值取小數位數字,用於可拖選值具有小數時,預設0
progBorderRadius Number 5 No 輸入值域條框圓角度數字,單位為px,預設5
progHeight Number 4 No 輸入值域條高度數字,單位為px,預設4
progColor String '#74a4d9' No 輸入值域條顏色字串,預設'#74a4d9'
progColorDisabled String '#c5c5c5' No 輸入不可編輯時值域條顏色字串,預設'#c5c5c5'
progBackgroundColor String '#eee' No 輸入值域條背景顏色字串,預設'#eee'
progBackgroundColorDisabled String '#f2f2f2' No 輸入不可編輯時值域條背景顏色字串,預設'#f2f2f2'
sliderSize Number 20 No 輸入拖曳球尺寸數字,單位為px,預設20
sliderBackgroundColor String 'blue darken-3' No 輸入拖曳球背景顏色字串,預設'blue darken-3'
sliderBackgroundColorHover String 'blue darken-2' No 輸入滑鼠移入時拖曳球背景顏色字串,預設'blue darken-2'
sliderBackgroundColorDisabled String '#aaa' No 輸入不可編輯時拖曳球背景顏色字串,預設'#aaa'
cmpZIndex Number 3000 No 輸入提示窗使用z-index數字,預設3000
tooltipPlacementDist Number 5 No 輸入提示窗距離觸發元素距離數字,單位為px,預設5
tooltipBorderRadius Number 5 No 輸入提示窗框圓角度數字,單位為px,預設4
tooltipTextFontSize String '0.85rem' No 輸入提示窗框文字字型大小字串,預設'0.85rem'
tooltipTextColor String 'white' No 輸入提示窗框文字顏色字串,預設'white'
tooltipBackgroundColor String '#666' No 輸入值域條背景顏色字串,預設'#666'
editable Boolean true No 輸入是否為編輯模式布林值,預設true

Props

Name Type Default value Required? Description
value Number 0 No 輸入值數字,介於valueMin與valueMax之間,預設0
valueMin Number 0 No 輸入最小值數字,預設0
valueMax Number 100 No 輸入最大值數字,預設100
valueStep Number 1 No 輸入間隔數字,預設1
valueDecimal Number 0 No 輸入值取小數位數字,用於可拖選值具有小數時,預設0
progBorderRadius Number 5 No 輸入值域條框圓角度數字,單位為px,預設5
progHeight Number 4 No 輸入值域條高度數字,單位為px,預設4
progColor String '#74a4d9' No 輸入值域條顏色字串,預設'#74a4d9'
progColorDisabled String '#c5c5c5' No 輸入不可編輯時值域條顏色字串,預設'#c5c5c5'
progBackgroundColor String '#eee' No 輸入值域條背景顏色字串,預設'#eee'
progBackgroundColorDisabled String '#f2f2f2' No 輸入不可編輯時值域條背景顏色字串,預設'#f2f2f2'
sliderSize Number 20 No 輸入拖曳球尺寸數字,單位為px,預設20
sliderBackgroundColor String 'blue darken-3' No 輸入拖曳球背景顏色字串,預設'blue darken-3'
sliderBackgroundColorHover String 'blue darken-2' No 輸入滑鼠移入時拖曳球背景顏色字串,預設'blue darken-2'
sliderBackgroundColorDisabled String '#aaa' No 輸入不可編輯時拖曳球背景顏色字串,預設'#aaa'
cmpZIndex Number 3000 No 輸入提示窗使用z-index數字,預設3000
tooltipPlacementDist Number 5 No 輸入提示窗距離觸發元素距離數字,單位為px,預設5
tooltipBorderRadius Number 5 No 輸入提示窗框圓角度數字,單位為px,預設4
tooltipTextFontSize String '0.85rem' No 輸入提示窗框文字字型大小字串,預設'0.85rem'
tooltipTextColor String 'white' No 輸入提示窗框文字顏色字串,預設'white'
tooltipBackgroundColor String '#666' No 輸入值域條背景顏色字串,預設'#666'
editable Boolean true No 輸入是否為編輯模式布林值,預設true