showlotus v0.0.4

showlotus

安装

npm install showlotus -S

全部引入

import showlotus from "showlotus"

Vue.use(showlotus)

部分引入

import { ComponentName } from "showlotus"

Vue.use(ComponentName)

插件介绍

IvuDatePickerGroup

• 使用

  <template>
    <div>
      ...
  
      <IvuDatePickerGroup :date-range="dateRange" @change="val => (dateRange = val)" />
    </div>
  </template>
  
  <script>
  export default {
    data() {
      return {
        dateRange: {},
      }
    },
  }
  </script>

• 额外属性/事件介绍

  属性/事件名	类型	说明
  data-range	Object	一个对象，默认会有两个属性：startTime（开始时间）、endTime（结束时间）
  change	Function	日期发生改变时触发，返回一个对象：{ startTime: val, endTime: val2 }

• 其余属性添加方式和 view-design 官网一致，比如：size="small"、format="yyyy 年 MM 月 dd 日"...

DisableInput

• 使用

<template>
  <div>
    ...

    <DisableInput :value="123" size="large" />
  </div>
</template>

• 属性介绍 | 属性名 | 类型 | 说明 | | :---------: | :------: | :----------------------------------------------------------------------------: | |value|String | Number|展示的值| |size|String|尺寸，可选值为 large，default，small|