1.0.2 • Published 9 months ago
phil-el-tabs v1.0.2
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 |