Vtabs 纵向选项卡

概述

Vtabs 纵向选项卡，用于让用户在不同的视图中进行切换。
Vtabs 提供了 fui-vtabs 和 fui-vtabs-content 两个组件来进行布局。

引入

以下介绍两种常用的引入方式。

第一种：在页面json文件中引入

{
  "navigationBarTitleText": "纵向选项卡-联动",
  "navigationBarBackgroundColor": "#f8f8f8",
  "disableScroll": true,
  "usingComponents": {
    "fui-vtabs": "/components/firstui/fui-vtabs/fui-vtabs",
    "fui-vtabs-content": "/components/firstui/fui-vtabs-content/fui-vtabs-content"
  }
}

第二种：在根目录app.json文件中全局引入

"usingComponents": {
    "fui-vtabs": "components/firstui/fui-vtabs/fui-vtabs",
    "fui-vtabs-content": "components/firstui/fui-vtabs-content/fui-vtabs-content"
  }

代码演示

代码演示、属性列表等详细内容仅VIP用户可查看。

你真是个小机灵鬼~

该内容仅VIP用户可查看！

前往官网开通会员

示例预览

特别说明

该组件为付费组件，微信小程序版VIP用户可免费使用 。

开通会员 (opens new window)