2.0.1 • Published 5 years ago
iview-modified v2.0.1
iView 修改版
该UI库为 iView 3.3.3的修改版,增加了一些新特性
安装 iview-modified
使用 npm:
npm install iview-modified --save
1. 新增组件
a. Datepicker2
API与原生DatePicker一致,但时间快捷方式的样式不同; optionsForDatepicker中的 optionsForRange,optionsForSingle存放了预设的时间快捷方式;可通过mixins混入页面实例
示例
// 时间范围:
<DatePicker2 split-panels type="datetimerange" size="large" :options="optionsForRange"></DatePicker2>
// 单个时间:
<DatePicker2 split-panels type="datetime" size="large" :options="optionsForSingle"></DatePicker2>
b. Datepicker3
API与原生DatePicker一致,但时间快捷方式的样式不同; optionsForDatepicker中的 optionsForRange,optionsForSingle存放了预设的时间快捷方式;可通过mixins混入页面实例
event: 时间快捷方式选中时,会发出事件:on-shortcut-selected
示例
// 时间范围:
<DatePicker3 split-panels type="datetimerange" size="large" :options="optionsForRange"></DatePicker3>
// 单个时间:
<DatePicker3 split-panels type="datetime" size="large" :options="optionsForSingle"></DatePicker3>
2. 组件新增特性
prop | 用途 | type | 组件名 | 示例 | 默认 |
---|---|---|---|---|---|
injectedStyle | 通过传入样式对象,修改input框样式 | Object | InputDatePicker3 | {color: 'red', background: 'blue'} | - |