用于渐进式web和混合应用程序（纯JS、jQuery、Angular和React）的跨平台UI控件
Posted
tags:
中文标题：用于渐进式web和混合应用程序（纯JS、jQuery、Angular和React）的跨平台UI控件 原文标题：Cross platform UI controls for progressive web and hybrid apps (plain JS, jQuery, Angular and React) 项目评级：Star:1500 Fork:445 下载地址：https://github.com/acidb/mobiscroll 详情介绍移动卷轴
什么是移动卷轴？
Mobiscroll是一个用于渐进式网络应用程序和混合开发的UI库。创建时非常注重可用性和性能。Mobiscroll Forms附带了15个可自定义的控件，您可以免费使用这些控件，这些控件包含在此存储库中。对于高级功能，将Forms与以下内容一起使用：
在哪里可以使用Mobiscroll？
您可以在web和混合/本地跨平台应用程序中使用控件。Mobiscroll的核心与框架无关，但jQuery/jQuery Mobile、Angular/Ionic、Angula JS/Ionic 1和React的API变体可用。
元素
单行和多行文字（实际示例）
文本字段是每个表单的主干。使用它们可以捕获从纯文本到密码的各种属性。
使用标签、图标、占位符或它们的组合来帮助用户一目了然地获得意义。显示/隐藏为密码字段内置的功能。
选择样式（实际示例）
与单行输入样式类似，它有一个V形/下拉箭头，可以清楚地表示选择和文本输入之间的差异。
按钮（实际示例）
具有不同状态、样式和对齐方式的按钮。内联或凸起、左对齐、右对齐、居中或对正。也支持全宽按钮。
无论是否使用图标，都可以使用它。
分段控制（实例）
轻松布局两到五个选项，用于单选和多选。让所有选项立即可见，用户可以通过一次交互进行选择，而不是至少3次（点击打开选择，进行选择，点击设置，就像传统的下拉菜单一样）。
复选框和检查表（示例）
在功能上类似于本机复选框，但外观和感觉符合整体用户体验和主题。功能描述文本、复选框列表和禁用样式。
内联多选列表的绝佳选择。
单选按钮列表（实时示例）
单选可获得选项列表。如果有更多项目可以放在一行中，请使用它而不是分段控件。
通常是五个及以上选项的不错选择。功能禁用样式和可选说明。
交换机（现场示例）
就像复选框一样，该开关允许用户打开/关闭选项。可以呈现为字段列表，如复选框列表或独立控件。
具有可选说明和禁用样式。
步进器（实例）
当用户需要通过增加或减少来对值进行小的调整时，可以避免自由形式的输入和下拉。步进器有助于最大限度地减少错误，并减少获取正确值的抽头数量。
页面和排版（示例）
负责设置背景颜色、间距和排版样式。它可以确保您添加的内容在任何屏幕大小上都能很好地显示出来。
滑块（实际示例）
通过切换控件，从单调的、下拉式的表单变成易于扫描的页面。考虑使用滑块从一个范围中选择一个或多个值。
开箱即用支持连续范围、步长、浮动值显示、禁用样式和使用图标。
进度（实例）
向用户提供视觉反馈。减少焦虑，帮助人们了解控制的进展。您也可以将其用作完成度测量仪，以显示用户在完成购买时的表现。
通过强大的API控制状态、编程设定值和重新启动，如果需要，可以暂停。
警报、确认和提示（示例）
显示警报消息、确认对话框和重点值输入提示。通过特定于平台的外观和感觉，您可以让用户感到宾至如归，并交流他们真正需要看到的内容。
这些控制不能通过按下覆盖来解除，避免错误地关闭它。
烤面包和小吃条（现场示例）
让您的用户随时了解最新通知。以烤面包或小吃条的形式。
您可以选择提供带有消息的操作，如UNDO或RETRY，这将帮助用户更快地实现目标。
商业组件
日期&；时间拾取器
活动日历
选取器&；下降
选取器&；下降
启用手势的响应列表
文档
有关Mobiscroll表单和所有产品的完整文档，请访问https://docs.mobiscroll.com
演示和示例
获得帮助
Mobiscroll团队不为Mobiscrill Lite提供技术支持。要获得团队的支持，请购买许可证或加入社区论坛
发布说明
有关完整的发布历史记录和更改日志，请访问https://mobiscroll.com/releases
联系我们
联系https://mobiscroll.com/contact
啁啾http://twitter.com/mobiscroll
脸谱网https://www.facebook.com/mobiscroll
许可证信息
该项目是在Apache许可证2.0版本下发布的，其文本包含在下面。此许可证仅适用于此存储库的源，不扩展到任何其他Mobiscroll dis
或在存储库中使用的任何其他第三方库。有关Mobiscroll的许可信息，请参阅Mobiscroll.com上的许可协议页面。
版权所有©2021移动卷轴
根据Apache许可证2.0版（“许可证”）许可；除非符合许可证的规定，否则您不得使用此文件。您可以在以下网址获取许可证副本
http://www.apache.org/licenses/LICENSE-2.0
除非适用法律要求或书面同意，否则根据许可证分发的软件是在“原样”的基础上分发的，没有任何明示或暗示的担保或条件。请参阅许可证以了解管理许可证下的权限和限制的特定语言。
使用 React.js 的渐进式 Web 应用程序：第 1 部分 - 介绍
web框架之Vue渐进式框架-安装入门简介(python3入门)