断断续续的写了好几篇。到现在，还没写成一连串的完整APP的创建过程。这中间，也听说了一些其他框架，比如apicloud ， framework7，sui等。太多框架，众说纷纭。有时候，也难以让人抉择。不过，自己先接触的mui框架，也看了下其他框架。表面看了下，都能实现ui这些功能。既然，mui已经有一定基础了，且能做出东西了，就还是用mui吧。

现在回归正题。app页面的基本组成。app页面一般有页头，页身，页底组成。页头和页底一般都由导航nav（也可以叫菜单menu）组成。再啰嗦一点，页头的导航一般是滑块slider导航。是输入该页面的。而页底的导航是输入很多页面的，也就是很多页面都会存在底部的导航。 如下图所示：


下边说下具体的对应的代码。在HBuilder中输入msl,就已经出提示了。请看截图。

HBuilder的代码提示功能蛮好，特别是代码块。有时候也纠结，有了代码块会使人懒惰，不去记一些东西。可有了代码块，可以加速编写代码的速度。甚至复制粘贴修改。看个人所需吧。slider组件，细节蛮多的，可以自由组合它的属性。因为代码提示块进来的只是些基础的框架。

页身部分。常见的是图文列表。有左侧图片右侧文字，有右侧图片，左侧文字。也有左右都是图片，底部文字。上边说过HBuilder的代码提示功能蛮好。那么，HBuilder中输入m时候，它会提示所有的相关组件。然后滑动到想要的地方，确定。如图。

页底部分，也叫选项卡。对应的组件是mui-bar-tap。同样。在HBuilder中，输入mt就出代码块提示了。

虽然，代码块方便快速。可是，有时候表现的功能不是我们想要的。比如，颜色，排版等。这个时候我们有两种方案。一是重写mui框架的部分class。另一个就是自己写class。这个也看个人所需。

页头除了上边的slider外，还有bar-bar-nav。它里边经常会定义一个返回按钮，还有一个title。有时候，还会加一些其他的按钮或提示。布局通常分别是居左，居中，居右。