一：弹出层 或者说，称呼为“悬浮层”更合适。 用 popover 临时弹出一小块悬浮层显示一些信息，用户点击popover窗口外面区域时会关闭它。 二：定义Popover 弹出层需要在body标签的末尾处定义。 三：控制弹出层 关闭：点击弹出层之外区域即可关闭。 ...
分类：
其他好文 时间：
2018-02-21 23:04:51
阅读次数：
415
一：Login Screen F7定义了一种登录页布局类，它可以用在页面内部，或者用在弹出层。 二：定义登录页 三：控制登录页弹出(一个app只有一个Login Srceen，所以不用为登录页命名) 四：将登录页做app首页 只需要在定义Login Srceen时添加"modal-in"类。 ...
分类：
其他好文 时间：
2018-02-21 23:03:19
阅读次数：
313
一：操作表 操作表其实是一组按钮，从屏幕底部弹出，点击不同按钮执行不同响应函数。 二：旧版：在js文件中定义并显示操作表 三：新版：在js中创建好操作表，在页面元素的点击事件中显示操作表 ...
分类：
其他好文 时间：
2018-02-21 23:00:10
阅读次数：
1045
一：栅格布局 我们可以使用 行、列 的形式来排布界面上的div，这就是网格化布局。 栅格布局只需要：用一个row类div来组织一个行；行中各个元素用col-XX指定占据行宽百分比。 行中各个单元格默认有15px间距，要取消间距的话只需在row类div处增加no-gutter类（新版中用 no-gap ...
分类：
其他好文 时间：
2018-02-21 13:25:53
阅读次数：
221
一：旧版 内容区用于按一定排版格式添加需要文本内容。 旧版中，内容区用 content-block 类表示，位于内容区内外的文本其排版格式不同；位于内容区内的文本也可以用title、inner、inset等类进行进一步排版。 二：新版 新版的内容区有几处变动： 1）标签改为 block 2）inne ...
分类：
其他好文 时间：
2018-02-21 11:44:37
阅读次数：
133
一：旧版 1:定义侧边栏并指定侧边栏滑出效果 侧边栏有两个：左侧、右侧。 侧边栏在body标签间定义。 2:控制侧边栏滑出与关闭：通过<a>标签，data-panel属性指定哪边栏，class指定打开/关闭。 二：新版 1:定义侧边栏，并指定滑动效果 新版中，去除了遮盖物。 2:控制边栏 同旧版。 ...
分类：
其他好文 时间：
2018-02-21 10:41:22
阅读次数：
1160
一：搜索栏 应用场景：一般用于在含有列表的页面中进行内容检索。 二：定义搜索栏 搜索栏应该放到“.page”内，“.page-content”前； 在page-content中，需要定义 检索失败 的提示文本，以及陈列内容的列表。 三：初始化搜索栏 我们需要对搜索栏进行一些初始化处理，最常见的是在h ...
分类：
其他好文 时间：
2018-02-20 18:22:10
阅读次数：
654
一：工具栏布局 工具栏布局十分简单：所有工具栏元素（链接）沿着工具栏等距分布。 二：自动隐藏工具栏 在穿透布局类型中，view定义的工具栏会穿透到页面内。 如果页面中不需要工具栏，则可以：在page中通过 no-toolbar 类来隐藏工具栏；定义一个空的工具栏元素。 1）为page添加 no-to ...
分类：
其他好文 时间：
2018-02-20 17:29:21
阅读次数：
565
一：导航栏的布局 导航栏按“左 中 右”用三个div进行布局，中部宽度优先级最低，两边内容较多时会把中部用 ... 缩起来。 二：导航栏的链接 通常，我们在导航栏的 左、右 会设置跳转，跳转的实现一般通过超链接，因此要实现导航栏控制跳转，只需在div中包含 <a>标签即可。 三：多个链接 多个链接， ...
分类：
其他好文 时间：
2018-02-20 16:21:47
阅读次数：
163
一：布局类型 导航栏、工具栏 有多种布局类型，他们分别有不同的表现效果，主要有：静态布局、固定布局、穿透布局。 二：静态布局（少用） 静态布局的导航栏、工具栏，是写死在页面文件中的，每个页面都有它自己的导航栏和工具栏。 ...
分类：
其他好文 时间：
2018-02-20 13:59:20
阅读次数：
158
