Skip to content

zhengfeiwen/em-ui

Repository files navigation

em-ui

一、使用方式

  • 1、安装

    npm install em-ui@latest -registry=http://192.168.0.123:4873/
  • 2、在项目中的main.js文件中引入

    import EmUi from 'em-ui';
    import 'em-ui/lib/em-ui.css';
    Vue.use(EmUi);
  • 3、组件中使用-举例

    <em-tabs
      tabType="divi"
      :tabs="tabs"
      :activeTab="0"
      @change="tabChange"
    ></em-tabs>
    export default {
      data () {
        return {
          curTab: 'documentary',
          tabs: [
            {
              id: 'documentary',
              name: '跟单数据'
            },
            {
              id: 'booking',
              name: '订单数据'
            }
          ]
        }
      },
      methods: {
        tabChange: function (id) {
          this.curTab = id
        }
      }
    };

二、主要的API

参数 类型 说明 默认值
tabs Array tab数组
tabType String tab类型
curTab String 当前活动tab
tabChange Function tab切换事件

##npm库(http://192.168.0.177:4873/)