elu-component

elu-ui

• 公司内部ui组件库

安装

npm

npm install elu-ui -s

yarn

yarn add elu-ui -s

使用

main.js:

import elu-ui from 'elu-ui'
vue.use(elu-ui)

列表

时间选择器(elu-select-time-picker)

使用

template:

  <elu-select-time-picker
      :modelValue="timeValue"
      @update:modelValue="timeValue = $event"
      :selectRange="timeRange"
  />

js:

data(){
  return{
      timeValue:"",
      timeRange:"05:00-01:00"
  }
}

Attributes

参数	说明
modelValue	动态绑定的属性值
selectRange	传递时间范围

Events

方法名	说明
update:modelValue	返回子组件修改的值

时间粒度选择器(elu-select-granularity-picker)

使用

template:

  	<elu-select-granularity-picker 
  			@getTime="getTime" 
  			propStartTime="05:00" 
  			propEndTime="01:00" 
  			propTimeSpan="60"
  	 />

js:

 getTime(val){
    console.log('val: ', val);
  }

Attributes

参数	说明
propStartTime	开始时间
propEndTime	结束时间
propTimeSpan	时间粒度

Events

方法名	说明
getTime	获取修改时间