Appearance

On this page

Tab 选项卡 ​

标签页 ​

⚠:biz-tab-item元素下,需要包含1个任意标签

选项1
选项2
选项3
展开查看
vue
<template>
  <div class="example">
    <div class="biz-btn-tab">
      <div class="biz-tab-item active"><span>选项1</span></div>
      <div class="biz-tab-item"><span>选项2</span></div>
      <div class="biz-tab-item "><span>选项3</span></div>
    </div>
  </div>
</template>


<style>
.biz-btn-tab{
  width: 540px;
  height: 40px;
}
</style>

Tab按钮组 ​

⚠:biz-tab-item元素下,需要包含1个任意标签

选项1
选项2
展开查看
vue
<template>
  <div class="example">
    <div class="biz-tab">
      <div class="biz-tab-item active"><span>选项1</span></div>
      <div class="biz-tab-item"><span>选项2</span></div>
    </div>
  </div>
</template>

<style>
.biz-tab{
  width: 540px;
  height: 30px;
}
</style>