iviewxx
iviewxx copied to clipboard
在iview的基础上开发新组件,如果有天iview更新请以iview为主
iviewxx 3.1.3
兼容Iview 3.1.2
基于完成功能为目的,如果有天iview更新相关功能,请以iview为准。
如果有Bug,请提交一下issues
最近(iviewxx 3.1.3):
- 优化menu触发方式Menu
- 水平菜单下拉文字不换行,如果要换行用样式覆盖。
- 修正MenuAround subTitle的slot代码
Install
npm install iviewxx --save
Usage
es6
import Vue from 'vue'
import iview from 'iviewxx'
Vue.use(iview)
新加组件在线DEMO
下拉树
<treeSelect :treeData="treeData" ref="treeDataRef" v-model="data" filterable @on-change="getTreeData" show-checkbox></treeSelect>
具体用法请看examples/routers/treeSelect.vue
按钮组
具体用法请看examples/routers/buttons.vue
表格(拖动表头大小,合并单元格,多级展开
具体用法请看examples/routers/dTable.vue
Input 增加tags类型
<Input v-model="value4" type="tags" placeholder="tags" @on-change="getValue"></Input>
Menu 子菜单横向菜单
<MenuAround placement="right-end">
<template slot="subTitle">
<!-- 此处以组件嵌入,更方便控制 -->
<MenuItem name="3-4-1">时段分析时段分析</MenuItem>
</template>
<template slot="around-menu">
<MenuGroup title="使用">
<MenuItem name="3-4-1">1</MenuItem>
<MenuItem name="3-4-2">2</MenuItem>
<MenuItem name="3-4-3">3</MenuItem>
</MenuGroup>
</template>
</MenuAround>
table children