phil-el-tabs
v1.0.2
Published
自定义tabs 根据 element-ui组件
Downloads
8
Readme
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 |