项目作者: dean5277

项目描述 :
在iview的基础上开发新组件,如果有天iview更新请以iview为主
高级语言: Vue
项目地址: git://github.com/dean5277/iviewxx.git
创建时间: 2017-05-05T11:11:26Z
项目社区:https://github.com/dean5277/iviewxx

开源协议:Other

下载


iviewxx 3.1.3

兼容Iview 3.1.2

基于完成功能为目的,如果有天iview更新相关功能,请以iview为准。

如果有Bug,请提交一下issues

最近(iviewxx 3.1.3):

  1. 优化menu触发方式Menu
  2. 水平菜单下拉文字不换行,如果要换行用样式覆盖。
  3. 修正MenuAround subTitle的slot代码

完成日志请查看URL

Install

npm install iviewxx —save

Usage

es6

import Vue from ‘vue’

import iview from ‘iviewxx’

Vue.use(iview)

新加组件在线DEMO

下拉树

treeSelect

  1. <treeSelect :treeData="treeData" ref="treeDataRef" v-model="data" filterable @on-change="getTreeData" show-checkbox></treeSelect>
  2. 具体用法请看examples/routers/treeSelect.vue
按钮组

Buttons

  1. 具体用法请看examples/routers/buttons.vue
表格(拖动表头大小,合并单元格,多级展开

dTable

  1. 具体用法请看examples/routers/dTable.vue
Input 增加tags类型

Input Tag

  1. <Input v-model="value4" type="tags" placeholder="tags" @on-change="getValue"></Input>
Menu 子菜单横向菜单

Menu

  1. <MenuAround placement="right-end">
  2. <template slot="subTitle">
  3. <!-- 此处以组件嵌入,更方便控制 -->
  4. <MenuItem name="3-4-1">时段分析时段分析</MenuItem>
  5. </template>
  6. <template slot="around-menu">
  7. <MenuGroup title="使用">
  8. <MenuItem name="3-4-1">1</MenuItem>
  9. <MenuItem name="3-4-2">2</MenuItem>
  10. <MenuItem name="3-4-3">3</MenuItem>
  11. </MenuGroup>
  12. </template>
  13. </MenuAround>

table children

demo