a标签跳到另一个页面指定选项卡_23 标签页Tabs教程（plotly Dash Bootstrap版）

最新推荐文章于 2023-01-18 03:30:00 发布

weixin_39768247

最新推荐文章于 2023-01-18 03:30:00 发布

阅读量537

点赞数

文章标签： a标签跳到另一个页面指定选项卡 html tab标签 html+css tab页 uniapp滑动切换tab标签 wpf 标签页样式

本教程介绍如何使用Dash Bootstrap Components的Tabs组件创建具有Bootstrap样式的选项卡。讲解了Tabs和Tab的关键参数，如active_tab、card、persistence等，并提到了在回调函数中指定Tab内容的方法。同时，提供了相关视频教程链接和社区资源。

摘要由CSDN通过智能技术生成

今天第23课，本节课程主要学习Dash Bootstrap Components中的标签页Tabs，类似页面中常见的对话框，在python web网页设计中较为常用。请欣赏自己录制的白噪声《仲夏夜的宁静》。祝大家每一天都开心快乐~~~

(一)功能

具有Bootstrap样式的自包含标签组件。

一个Tabs有一个或多个Tabs构成。使用Label制定Tab便签页的文字说明，各个便签页实现点击切换功能。

(二)调用方式

dbc.Tabs

bdc.Tab

(三)Tabs关键参数

active_tab(字符串，可选)：当前活动选项卡的tab_id。如果尚未为活动选项卡指定tab_id，则默认为tab-i，其中i是选项卡的索引(从0开始)。
card：(布尔值，可选)：如果使用CardHeader中的选项卡，则设置为True。
tab_style(字典，可选)：定义CSS样式，这些样式将覆盖先前设置的样式。此处设置的样式适用于选项卡中的NavItem。
label_style(字典，可选)：定义CSS样式，这些样式将覆盖先前设置的样式。此处设置的样式适用于选项卡中的NavLink。
persistence：(布尔值|字符串|数字，可选)：用于在刷新组件(或页面)时保留该组件中的用户交互数据。如果`persisted`是真实的并且没有从其先前的值更改，只要新的`value'也与最初给出的值匹配，则用户在使用应用程序时更改的`value`将保留该更改。与`persistence_type`结合使用。
persistence_type(值等于：“ local”，“ session”，“ memory”)：将存储持久的用户更改的位置：memory：仅保存在内存中，在刷新页面时重置。local：window.localStorage，退出浏览器后保留数据。session：window.sessionStorage，一旦浏览器退出，数据将被清除。

(四)Tab关键参数

label(字符串，可选)：选项卡的标签，显示在选项卡本身中。
tab_id(字符串，可选)：选项卡的可选标识符，用于确定未指定哪个选项卡可见，并且在Tabs组件内使用Tab时，tabId将设置为“tab-i”，其中i是(零索引)位置粘贴到“选项卡”组件的列表选项卡中的“选项卡”。
disabled(布尔值，可选)：确定选项卡是否被禁用-默认为false。

(五)Tabs使用层层深入

1. 基本使用方法

使用dbc.Tabs([dbc.Tab(),dbc.Tab(),......,dbc.Tab()])构建内容。

import dash_bootstrap_components as dbcimport dash_html_c

关注