深入浅出Flask(30): H-ui前端框架的选项卡

Posted caimouse

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了深入浅出Flask(30): H-ui前端框架的选项卡相关的知识,希望对你有一定的参考价值。

在开发的过程中,经常会遇到一些功能介绍的展示,由于介绍内容比较少,但是有两三个选择,用户一般不清楚选择那一个,这时就要派选项卡上场了,因为它可以把内容放在下面,用户可以通过点击选项卡实现切换,从而看到介绍的内容,就知道怎么样做了。如下图:

像这些的小功能要一个一个去实现还蛮费时间的,不过直接使用框架里的选项卡,就比较简单了,第一步添加html代码:

<div id="HuiTab-demo1" class="HuiTab">

        <div class="tabBar clearfix">

以上是关于深入浅出Flask(30): H-ui前端框架的选项卡的主要内容,如果未能解决你的问题,请参考以下文章

深入浅出Flask(35): H-ui前端框架的面板滚动

深入浅出Flask(26): H-ui前端框架的顶部导航

深入浅出Flask(12): H-ui前端框架的响应式隐藏显示

深入浅出Flask(14): H-ui前端框架的表格

深入浅出Flask(22): H-ui前端框架的字体图标

深入浅出Flask(20): H-ui前端框架的表单验证