iView 修改版

iView 官方文档

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'}|-|