1.0.2 • Published 9 months ago

phil-el-tabs v1.0.2

Weekly downloads
-
License
ISC
Repository
-
Last release
9 months ago

phil-el-tabs

npm install phil-el-tabs

使用案例

main.js
import PhilElTabs from 'phil-el-tabs';
import 'phil-el-tabs/PhilElTabs.css'
Vue.use(PhilElTabs);
<template>
  <div>
   <PhilElTabs :tabData="[{ name: '图片', nameEn: 'tupian' },{ name: '资料', nameEn: 'ziliao' }]" pageType="element" :type="type" :styleStr="styleStr" :style="styleStr">
      <div slot="tupian">
      </div>
      <div slot="ziliao">
      </div>
    </PhilElTabs>
  </div>
</template>

组件属性

参数说明类型
pageType类型String element:element-ui; custom :自定义
type风格String card/border-card
closable标签是否可关闭Boolean
editable标签是否同时可增加和关闭Boolean
tabPosition选项卡所在位置String top/right/bottom/left
stretch标签的宽度是否自撑开Boolean
tabData标签数组Array
styleStr样式Object