分类
framework7 Web Tutorials 教程

虚拟列表

描述 虚拟列表是一种列表视图,其中包含大量数据元素而不会降低其性能。您可以通过使用virtual-list类和list-block类来创建虚拟列表的HTML布局。 初始化虚拟列表 您可以使用以下方法初始化虚拟列表- myApp.virtualList(listBlockContainer, parameters) 该方法包含以下参数- listBlockContainer-这是列表块容器的必需HTML或字符串元素。 参数-这是必需的对象,其中包括虚拟列表参数。 虚拟列表参数 下表提供了虚拟参数列表- 序号 […]

分类
framework7 Web Tutorials 教程

垂直swiper

描述 它用于垂直滑动,是功能强大且现代的触摸滑块。 例 以下示例演示了在Framework7中垂直滑动器的使用- <!DOCTYPE html> <html> <head> <meta name = “viewport” content = “width = device-width, initial-scale = 1, maximum-scale = 1, minimum-scale = 1, user-scalable = no, minimal-ui” /& […]

分类
framework7 Web Tutorials 教程

两个值的3D效果

描述 此选择器与选择器相同;除了,在此选择器中,您可以将其用于3D旋转效果。 例 以下示例演示了在Framework7中使用2值和3d旋转效果 – <!DOCTYPE html> <html> <head> <meta name = “viewport” content = “width = device-width, initial-scale = 1, maximum-scale = 1, minimum-scale = 1, user-scalab […]

分类
framework7 Web Tutorials 教程

工具栏隐藏

描述 通过使用no-toolbar类加载页面,可以在加载页面时自动隐藏工具栏。 例 以下示例演示了在Framework7中隐藏工具栏的用法- 首先,我们将创建一个名为工具栏_hiding.html的HTML页面。 <!DOCTYPE html> <html> <head> <meta name = “viewport” content = “width = device-width, initial-scale = 1, maximum-scale = 1, min […]

分类
framework7 Web Tutorials 教程

工具栏底部

描述 使用工具栏底部类将工具栏置于页面底部。仅在Material主题和iOS主题中支持底部工具栏;默认情况下,它位于底部。 例 以下示例演示了Framework7中工具栏底部的使用- 首先,我们将创建一个名为工具栏_bottom.html的HTML页面。 <!DOCTYPE html> <html> <head> <meta name = “viewport” content = “width = device-width, initial-scale = 1, m […]

分类
framework7 Web Tutorials 教程

通过布局

描述 在此布局中,导航栏和工具栏对于单个视图中的所有页面均显示为固定。 例 以下示例演示了Framework7中直通布局的使用。导航栏和工具栏将被固定,并在所有页面上保持不变。 首先,我们将创建through_layout.html文件。 <!DOCTYPE html> <html> <head> <meta name = “viewport” content = “width = device-width, initial-scale = 1, maximum-s […]

分类
framework7 Web Tutorials 教程

模板传递上下文

描述 Framework7允许您将自定义上下文传递到任何动态页面或任何已加载的Ajax。 该数据上下文属性是用来传递,你需要把有效字符串化JSON如下所示,自定义背景- <a href = “interests.html” class = “item-link item-content” data-context = ‘{ “sport”: “Baseball”, “place”: “Scotland”, “movies”: “Science Fiction”, “actor”: “Tom Cruis […]