Search code examples
vue.jsvuejs2frontendiview

how to customize iveiw tabpane's width in vue language?


In official statements, the tab component of view in vue is like that:

official statement example

its code is :

<template>
    <Tabs type="card">
        <TabPane label="标签一">标签一的内容</TabPane>
        <TabPane label="标签二">标签二的内容</TabPane>
        <TabPane label="标签三">标签三的内容</TabPane>
    </Tabs>
</template>

But i want to make the tabpane label wider like this:

what i want to achieve

how can i customize its width???


Solution

  • see other styles on official web:

    去看看官方文档: https://www.iviewui.com/components/tabs#其它样式

    enter image description here