📅  最后修改于: 2021-01-02 05:43:03        🧑  作者: Mango

Framework7导航栏导航栏位于屏幕顶部，并包含页面标题和导航元素。导航栏包含三个部分，每个部分都可以包含任何HTML内容，但最好以以下方式使用它们：左：用于放回链接图标或单个文本链接。中心：用于显示页面标题或标签链接。右：与左部分相同。导航栏类型的列表，其描述：IndexNavbar TypeDescription1)Basic navbarA basic navbar can be cre...

📅  最后修改于: 2021-01-02 05:43:56        🧑  作者: Mango

Framework7工具栏工具栏使用屏幕底部的导航元素来轻松访问其他页面。工具栏可以通过以下方式使用：IndexToolbar TypeDescription1)Hide ToolbarYou can hide the toolbar automatically when you load the pages by using the no-toolbar class to loaded page...

📅  最后修改于: 2021-01-02 05:44:50        🧑  作者: Mango

Framework7侧面板Framework7侧面板用于在屏幕的左侧或右侧移动以显示内容。在Framework7中，您的应用程序中最多可以包含2个面板(右侧面板和左侧面板)。在的开头添加面板，然后通过应用以下类来选择打开效果：panel-reveal：此类用于使整个应用程序的内容移出。panel-cover：此类用于使面板覆盖在应用程序的内容上。句法Framework7支持的面板类型以下是Fram...

📅  最后修改于: 2021-01-02 05:45:47        🧑  作者: Mango

Framework7内容块内容块用于添加具有不同格式的额外内容。通常，当您有许多不同类型的内容并且必须将所有内容放在页面上时，才使用它。例让我们以一个示例来演示Framework7内容块。...

📅  最后修改于: 2021-01-02 05:46:55        🧑  作者: Mango

Framework7布局网格内容网格用于根据您的需要放置内容。 Framework 7提供了不同类型的网格类型和不同类型的列大小。不同列大小的不同类的列表：IndexClassTable classWidth1)col-5tablet-55%2)col-10tablet-1010%3)col-15tablet-1515%4)col-20tablet-2020%5)col-25tablet-2525...

📅  最后修改于: 2021-01-02 05:47:48        🧑  作者: Mango

Framework7叠加层Framework7提供了几种类型的叠加层，以使应用程序顺畅地工作。以下是一些Framework7叠加层的列表：IndexOverlays typeDescription1)ModalModal is a small window that display the content from separate sources without leaving the pare...

📅  最后修改于: 2021-01-02 05:48:43        🧑  作者: Mango

Framework7预加载器在Framework7中，预加载器使用可缩放矢量图形制作，并使用CSS进行动画处理。它使其易于调整大小。预载器有两种颜色：在HTML中使用Preloader类例让我们以一个示例来演示Framework7中预加载器的用法。...

📅  最后修改于: 2021-01-02 05:49:48        🧑  作者: Mango

Framework7进度栏在Framework7中，进度条用于向用户显示资产的加载或任务的进度。“ progressbar”类用于指定进度条。当您要指定用户不知道该请求的加载过程将持续多长时间时，将使用“ progressbar-infinite”类。Progressbar JavaScript API进度条与JavaScript API结合使用，可通过以下方法指定显示，隐藏和进度属性：myApp...

📅  最后修改于: 2021-01-02 05:50:42        🧑  作者: Mango

Framework7列表视图列表视图用于在多行的可滚动列表中显示数据。 Framework7中使用几种类型的列表视图来与您的应用程序一起使用。列表视图用法列表视图为用户提供了便利：浏览分层结构的数据。显示项目的索引列表。以视觉上不同的分组显示详细信息和控件。显示选项的可选列表。查看一些Framework7列表视图：IndexTypeDescription1)List ViewList views ...

📅  最后修改于: 2021-01-02 05:51:58        🧑  作者: Mango

Framework7手风琴/可折叠Framework7 Accordion是图形控件元素，显示为堆叠的项目列表。您可以展开或折叠手风琴以显示与该手风琴关联的内容。手风琴布局查看手风琴布局的外观：可折叠布局当使用单个单独的可折叠元素时，您需要省略可折叠列表包装元素。查看可折叠布局的结构：手风琴列表视图如果要设置手风琴列表视图，请使用“ item-link”元素而不是“ accordion-toggl...

📅  最后修改于: 2021-01-02 05:53:21        🧑  作者: Mango

Framework7卡Framework7卡用于包含单个主题的组织信息，例如照片，链接和文本。卡主要与列表视图一起使用，以包含和组织您的信息。有7种类型的framework7卡：卡片HTML布局：基本的卡片HTML布局使用卡片类来安排其项目。带卡的列表视图：通过将卡列表类添加到<div class =“ list-block”>，可以将卡用作列表视图元素。卡片HTML布局基本的卡片HTML布局：这...

📅  最后修改于: 2021-01-02 05:54:24        🧑  作者: Mango

Framework7芯片在Framework7中，筹码是一小块实体，可以包含照片，小标题字符串和简短信息。芯片HTML布局让我们看看Framework7中使用的基本芯片HTML布局：这里：<div class =“ chip”>是芯片容器<div class =“ chip-media”>是芯片“媒体”元素，可以包含图像/头像或图标。可选的。<div class =“ card-label”>是芯...

📅  最后修改于: 2021-01-02 05:56:15        🧑  作者: Mango

Framework7按钮Framework7提供了许多现成的按钮。您只需要在链接中添加适当的类或提交/按钮输入即可使用这些按钮。iOS主题按钮常用按钮可以通过对任何链接或按钮输入使用按钮类来实现：注意：默认情况下，Framework7中的每个按钮均为“ display：block”，并且将采用其父级宽度的100％。活跃状态只需向按钮添加其他活动类即可使您的按钮活动。圆形按钮button-round...

📅  最后修改于: 2021-01-02 05:57:34        🧑  作者: Mango

Framework7浮动操作按钮Framework7浮动操作按钮用于提升操作。它就像漂浮在UI上方的带圆圈的图标，并具有包括变形，启动和转移锚点在内的运动行为。注意：“浮动动作”按钮仅在“材质”主题中受支持。Framework7中使用3种类型的操作按钮：浮动操作按钮布局：非常简单。您只需要将其作为页面或视图的子项放置即可。变形弹出窗口：如果要在单击浮动操作按钮时打开弹出窗口，则可以使用浮动按钮弹出...

📅  最后修改于: 2021-01-02 05:58:27        🧑  作者: Mango

Framework7表格Framework7表单用于与用户进行交互并使用文本字段，复选框，单选按钮等从Web用户收集数据。Framework7提供了不同类型的表单元素，以使应用程序顺畅地工作。其中一些指定如下：IndexOverlay TypeDescription1)Form ElementsForm elements are used to make good looking form lay...