0.1.0 • Published 2 years ago

elu-component v0.1.0

Weekly downloads
-
License
-
Repository
-
Last release
2 years ago

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获取修改时间