dean5277 / iviewxx

在iview的基础上开发新组件,如果有天iview更新请以iview为主

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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

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

Buttons

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

dTable

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

Input Tag

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

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

demo

About

在iview的基础上开发新组件,如果有天iview更新请以iview为主

License:Other


Languages

Language:Vue 56.8%Language:CSS 24.0%Language:JavaScript 19.1%Language:TypeScript 0.0%