0.1.0 • Published 2 years ago
elu-component v0.1.0
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 | 获取修改时间 |
0.1.0
2 years ago