mui框架除了头部导航栏、底部菜单栏常用外。其实，mui框架的Tab选项卡功能，也很常用。 Tab选项卡分成两种形式：1、固定Tab选项卡；2、可拖动Tab选项卡。 下面将详细介绍：
工具/原料
1
HBuilder6.6
2
MUI2.5
方法/步骤
1
新建一个移动APP项目，然后，添加一个tab1.html页面。该页面添加如下的代码块：（选项块代码）
2
有了选项块代码后，接下来，就要编写点击选项块的显示代码块。下面是每个显示代码图：
3
代码编写完了，我们点击工具-运行-chrome查看，就可以查看到生成的效果：
4
固定Tab选项卡功能已介绍完毕，那么对于可拖动Tab选项卡又应该如何处理呢（可拖动Tab选项卡，指的是可以移动当前块来转到新的显示块上）。先看选项卡代码如何编写：
5
再来看看显示块的代码写法：
6
最后，选项卡和显示块的代码，必须放在
里，才能实现拖动效果。7
我们看看最终的效果是怎样的吧：
上一篇：大一新生如何进行专升本
下一篇：商务英语专升本一般是考什么