📝 Framework7教程
109篇技术文档📅 最后修改于: 2020-10-25 02:59:25 🧑 作者: Mango
描述Framework7提供了特殊的可调整大小的工具栏，以与应用程序中的消息传递系统一起使用。以下代码显示了消息栏的布局-在消息栏中，“页面”的内部非常重要，位于“消息内容”的右侧-您可以使用以下方法通过JavaScript初始化消息栏-该方法有两个选项-messagesbarContainer-这是必需的HTML元素或包含messagebar容器HTML元素的字符串。参数-它指定一个带有消息栏参...
📅 最后修改于: 2020-10-25 02:59:37 🧑 作者: Mango
描述通知用于显示必需的消息，显示为“推送”（或“本地”）iOS通知。下表详细说明了通知的使用-S.NoNotifications usage & Description1Notifications JavaScript APIThe notifications can also be added or closed with JavaScript by using the related app ...
📅 最后修改于: 2020-10-25 02:59:53 🧑 作者: Mango
描述Framework7为您的应用程序提供了不同的颜色主题。颜色主题提供了下表中指定的用于与应用程序平滑配合使用的不同类型的主题颜色-S.NoTheme Type & Description1iOS Theme ColorsYou can use 10 different default iOS color themes for the application.2Material Theme Co...
📅 最后修改于: 2020-10-25 03:00:07 🧑 作者: Mango
描述发际线是一个使用border类在图像周围添加1px边框的类。随着1.x的发布，细线修改了：after和：before伪元素的使用方式，而不是使用CSS边框。细线包含以下规则-：after-此伪元素用于底部和右侧发际线。：before-此伪元素用于顶部和左侧细线。以下代码片段显示了：after元素的用法。以下代码片段删除了底部发际线工具栏-“无国界”课发际线将通过使用无边界类删除，并且在导航栏，...
📅 最后修改于: 2020-10-25 03:00:22 🧑 作者: Mango
描述Template7是一个轻量级的，移动优先的JavaScript引擎，它可以将Ajax和动态页面表示为具有指定上下文的Template7模板，并且不需要任何其他脚本。 Template7与Framework7相关联，是默认的轻量级模板引擎，对于应用程序运行速度更快。性能将字符串编译为JS函数是template7最慢的部分。因此，您无需多次编译模板，只需编译一次即可。Template7是一个轻量...
📅 最后修改于: 2020-10-25 03:00:38 🧑 作者: Mango
描述在Template7中，可以通过在<script>标记中指定特殊属性来自动编译模板。以下代码显示了自动编译的布局-您可以使用以下属性来初始化自动编译-type =“ text / template7”-用于告诉Template7自动编译，它是必需的脚本类型。id =“ myTemplate”-可以通过id访问模板，它是必需的模板id。对于自动编译，您需要通过传递以下参数来启用应用初始化-Tem...
📅 最后修改于: 2020-10-25 03:01:09 🧑 作者: Mango
描述Template7是移动优先的JavaScript模板引擎，具有类似于handlebars.js的语法。它是Framework7中的超轻量级且快速的默认模板引擎。首先，我们需要在应用初始化时传递以下参数，以将所有Ajax和动态页面呈现为Template7模板-S.NoTemplate7 Pages Usage & Description1Templates/Pages DataYou can ...
📅 最后修改于: 2020-10-25 03:01:23 🧑 作者: Mango
描述当您点击链接和按钮时，它们将突出显示。这是通过Framework7中的活动状态完成的。它的行为像本机应用程序，而不是网络应用程序。它具有内置的快速点击库，应该启用它。active-state类与CSS：active选择器相同。通过将watch-active-state类添加到<html>元素来启用活动状态。以下代码用于CSS样式的活动状态-以下代码显示了禁用活动状态或快速点击时的后备兼容性-...
📅 最后修改于: 2020-10-25 03:01:37 🧑 作者: Mango
描述点击保持事件用于在持续并完成触摸事件后触发（启用），因此仅被称为点击保持事件。Tab Hold是一个内置的Fast Clicks库。以下参数默认情况下用于禁用或启用和配置-S.NoParameter & DescriptionTypeDefault1tapHoldTo enable tap hold events when it is set to true.booleanfalse2tapH...
📅 最后修改于: 2020-10-25 03:01:52 🧑 作者: Mango
描述触摸波纹是仅在Framework7材质主题中受支持的效果。默认情况下，它在Material主题中处于启用状态，您可以使用materialRipple：false参数禁用它。涟漪元素您可以启用涟漪元素以匹配某些CSS选择器，例如-波纹一条链接项目链接.button.tab链接.label-radio.label-checkbox等这些在materialRippleElements参数中指定。您需...
📅 最后修改于: 2020-10-25 03:02:06 🧑 作者: Mango
以下资源包含有关Framework7的其他信息。请使用它们来获得有关此方面的更深入的知识。有关Framework7的有用链接Framework7 Wiki-关于Framework7的维基百科参考关于Framework7的有用书籍要在此页面上注册您的网站，请发送电子邮件至...
📅 最后修改于: 2020-10-25 03:02:17 🧑 作者: Mango
Framework7是用于移动HTML的免费开放源代码框架。它用于为iOS和Android设备开发混合移动应用程序或Web应用程序。本教程将教您基本的Framework7，并带您了解一些详细的概念。...
📅 最后修改于: 2021-01-02 05:40:17 🧑 作者: Mango
Framework7教程Framework7教程提供了Framework7的基本和高级概念。我们的Framework7教程专为初学者和专业人士设计。Framework7是一个开源HTML框架，用于为iOS和Android开发移动和Web应用程序。我们的Framework7教程包括Framework7的所有主题，例如什么是Framework7，简介，安装，布局，导航栏，工具栏，搜索栏，状态栏，侧面板...
📅 最后修改于: 2021-01-02 05:41:17 🧑 作者: Mango
Framework7安装下载Framework7有两种下载Framework7的方法：从Framework7 Github存储库下载：或者，您可以通过Bower安装Framework7：从CDN下载Framework7库CDN或内容交付网络是旨在将文件提供给用户的服务器网络。如果您在网页中使用CDN链接，则将托管文件的责任从您自己的服务器移到了一系列外部服务器上。这也提供了一个优势，即如果您的网页...
📅 最后修改于: 2021-01-02 05:42:10 🧑 作者: Mango
Framework7布局Framework7为您的应用程序提供了许多类型的布局。它支持三种类型的导航栏/工具栏布局：静态布局固定版面通过布局还有另一种布局，它是上述三种布局的组合，称为混合布局。静态布局：这是一种最常用的布局类型，包括导航栏和工具栏，它们可以是可滚动的页面内容，并且每个页面都包含自己的导航栏和工具栏。固定版式：固定版式添加了自己的导航栏和工具栏，它们可以在屏幕上看到。它不能在页面上...