收录几个常用的移动端UI框架,不定时更新。
An open source mobile UI toolkit for building modern, high quality cross-platform mobile apps from a single code base in
React.Vue.Angular.
一款开源的移动端UI工具包,用于开发现代的、高性能的跨平台移动app,支持React/Vue/Antular。
Ionic 有以下特点(官网说明翻译):
**1. 高性能:**默认快速构建——硬件加速和手势优化。
**2. 跨平台:**一份代码可以为多个移动平台构建灵活的UI。
**3. React、Angular、Vue:**对三大框架支持,也支持纯JS环境。
**4. 亮色、暗色UI:**支持亮色和暗色主题。
Ionic提供了十分丰富的组件,各个组件也提供了完善的API。
个人感觉Ionic 已经不仅仅是个UI,Ionic 的用户其中很大一部分是注重其跨平台 app开发的功能,开发者通过Ionic cli可以便捷的进行跨平台app的开发,做到一份代码多端运行。
不过有一点点可惜的是,其支持Vue,但是只支持Vue3.x版本。
Vant 是一个轻量、可靠的移动端组件库,于 2017 年开源。
目前 Vant 官方提供了 Vue 2 版本、Vue 3 版本和微信小程序版本,并由社区团队维护 React 版本和支付宝小程序版本。
Vant提供了比较完善的组件,尤其是对于移动端购物网站,提供了丰富的组件,如AddressEdit 地址编辑、Card 卡片、ContactCard 联系人卡片等等一系列组件。
Vant不仅仅支持Vue2.x,还支持最新的Vue3.x
cube-ui 是滴滴推出的基于 Vue.js 实现的精致移动端组件库。
文档网站 | Github地址 | Demo地址
个人感觉cube-ui提供的组件不是那么的丰富,还有待完善,不过可以满足大部分日常开发需求。另外一点给人的感觉就是官网文档写的不是很详细。
官方网站 | Github地址
TDesign诞生于鹅厂内部业务,其不仅仅是一个简单的UI,更是一套比较完善的设计指南和视觉体系。
TDesign支持以下多端:
Vue: 2.x、3.x稳定支持、React:beta、Angular:待上线)Vue 3.x:beta、React:alpha、Flutter:待上线、Taro:待上线)微信小程序:Rc、QQ小程序:alpha)从上面我们可以看出TDesign对于桌面端支持的比较完善,app端则有待加强,对Vue3.x的支持也仅仅是到beta的程度、并且似乎对于Vue2.x版本的支持并没有在计划中。
通过TDesign官网我们可以看到,其对于不同的设计工具(如Figma、Sketch、Axure、AdobeXD)都提供了相应的设计素材,这一点对于设计人员确是比较友好的。
Mint UI是饿了么前端团队推出的基于 Vue.js 的移动端组件库。
官网地址 | Github地址 | Demo地址
提供的组件能满足大部分日常开发需求,组件API有待完善。其支持Vue 1.x、Vue 2.x,遗憾的是并不支持Vue 3.x
官网地址 | Github地址 | Demo地址
VUX(读音 [v’ju:z],同 views)是基于WeUI和Vue(2.x)开发的移动端UI组件库,主要服务于微信页面。VUX官网充满了浓浓的自嘲的味道,以下几点都是摘自官网首页,😄:
一个凑合的 Vue.js 移动端 UI 组件库
体验不极致
是的,VUX 还有很多问题,远远不完美,但一直在解决。
如果你在使用并且觉得有一些问题,不妨开个 issue 反馈一下,我们乐意解决详细描述的问题
维护靠个人
是的,没有团队维护。国内大多数开发者都选择了有知名前端团队维护的组件库。
当然你也可以试试选择 VUX,毕竟维护两年时间,star 12k,一定程度上也说明并不比大公司团队开源的差,不是么?
很难想象这是一个靠个人维护的项目,并且作者已经坚持了7年左右,佩服。
虽说是个人维护的项目,不过可以看到VUX官网的文档还是比较完善的,各种常见问题、实例代码也都很多,可以供开发者参考。组件的API也是十分的丰富。在这里需要给开发者点个👍
为方便大家比较,我总结出以上各个ui对vue的支持情况如下:
| # | 移动端UI | 是否支持Vue2.x | 是否支持Vue3.x |
|---|---|---|---|
| 1 | Ionic | √ | |
| 2 | Vant | √ | √ |
| 3 | cube-ui | √ | |
| 4 | TDesign | beta | |
| 5 | Mint-UI | √ | |
| 6 | VUX | √ |
我正在使用i18n从头开始构建一个多语言网络应用程序,虽然我自己可以处理一大堆yml文件,但我说的语言(非常)有限,最终我想寻求外部帮助帮助。我想知道这里是否有人在使用UI插件/gem(与django上的django-rosetta不同)来处理多个翻译器,其中一些翻译器不愿意或无法处理存储库中的100多个文件,处理语言数据。谢谢&问候,安德拉斯(如果您已经在rubyonrails-talk上遇到了这个问题,我们深表歉意) 最佳答案 有一个rails3branchofthetolkgem在github上。您可以通过在Gemfi
大约一年前,我决定确保每个包含非唯一文本的Flash通知都将从模块中的方法中获取文本。我这样做的最初原因是为了避免一遍又一遍地输入相同的字符串。如果我想更改措辞,我可以在一个地方轻松完成,而且一遍又一遍地重复同一件事而出现拼写错误的可能性也会降低。我最终得到的是这样的:moduleMessagesdefformat_error_messages(errors)errors.map{|attribute,message|"Error:#{attribute.to_s.titleize}#{message}."}enddeferror_message_could_not_find(obje
我的代码目前看起来像这样numbers=[1,2,3,4,5]defpop_threepop=[]3.times{pop有没有办法在一行中完成pop_three方法中的内容?我基本上想做类似numbers.slice(0,3)的事情,但要删除切片中的数组项。嗯...嗯,我想我刚刚意识到我可以试试slice! 最佳答案 是numbers.pop(3)或者numbers.shift(3)如果你想要另一边。 关于ruby-多次弹出/移动ruby数组,我们在StackOverflow上找到一
当我在我的Rails应用程序根目录中运行rakedoc:app时,API文档是使用/doc/README_FOR_APP作为主页生成的。我想向该文件添加.rdoc扩展名,以便它在GitHub上正确呈现。更好的是,我想将它移动到应用程序根目录(/README.rdoc)。有没有办法通过修改包含的rake/rdoctask任务在我的Rakefile中执行此操作?是否有某个地方可以查找可以修改的主页文件的名称?还是我必须编写一个新的Rake任务?额外的问题:Rails应用程序的两个单独文件/README和/doc/README_FOR_APP背后的逻辑是什么?为什么不只有一个?
我想为我的Rails网络应用程序提供推荐功能。特别是,我想向新注册的用户推荐他可能想要关注的其他用户。Rails中是否有用于此目的的引擎/gem?如果没有,我应该从哪里开始构建它?谢谢。 最佳答案 有Coletivogemhttps://github.com/diogenes/coletivo我试了一下。在MySQL上运行。Neo4jhttp://neo4j.org真的很容易实现一个“跟随谁”。事实上,大多数展示其能力的样本都涉及“跟随谁”。快速提示-只有在JRuby上运行时,Neo4j.rb才会很酷。如果不是-使用Neograph
按照目前的情况,这个问题不适合我们的问答形式。我们希望答案得到事实、引用或专业知识的支持,但这个问题可能会引发辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开,visitthehelpcenter指导。关闭10年前。问题1)我想知道rubyonrails是否有功能类似于primefaces的gem。我问的原因是如果您使用primefaces(http://www.primefaces.org/showcase-labs/ui/home.jsf),开发人员无需担心javascript或jquery的东西。据我所知,JSF是一个规范,基于规范的各种可用实现,prim
我从Ubuntu服务器上的RVM转移到rbenv。当我使用RVM时,使用bundle没有问题。转移到rbenv后,我在Jenkins的执行shell中收到“找不到命令”错误。我内爆并删除了RVM,并从~/.bashrc'中删除了所有与RVM相关的行。使用后我仍然收到此错误:rvmimploderm~/.rvm-rfrm~/.rvmrcgeminstallbundlerecho'exportPATH="$HOME/.rbenv/bin:$PATH"'>>~/.bashrcecho'eval"$(rbenvinit-)"'>>~/.bashrc.~/.bashrcrbenvversions
项目介绍随着我国经济迅速发展,人们对手机的需求越来越大,各种手机软件也都在被广泛应用,但是对于手机进行数据信息管理,对于手机的各种软件也是备受用户的喜爱小学生兴趣延时班预约小程序的设计与开发被用户普遍使用,为方便用户能够可以随时进行小学生兴趣延时班预约小程序的设计与开发的数据信息管理,特开发了小程序的设计与开发的管理系统。小学生兴趣延时班预约小程序的设计与开发的开发利用现有的成熟技术参考,以源代码为模板,分析功能调整与小学生兴趣延时班预约小程序的设计与开发的实际需求相结合,讨论了小学生兴趣延时班预约小程序的设计与开发的使用。开发环境开发说明:前端使用微信微信小程序开发工具:后端使用ssm:VU
您将如何构建一个简单的Sinatra应用程序?我正在制作,我希望该应用具有以下功能:“应用程序”更像是一个包含所有信息的管理仪表板。然后另一个应用程序将通过REST访问信息。我还没有创建仪表板,只是从数据库中获取东西session和身份验证(尚未实现)您可以上传图片,其他应用可以显示这些图片我已经使用RSpec创建了一个测试文件通过Prawn生成报告目前的设置是这样的:app.rbtest_app.rb因为我实际上只有应用程序和测试文件。到目前为止,我已经将Datamapper用于ORM,将SQLite用于数据库。这是我的第一个Ruby/Sinatra项目,所以欢迎任何和所有建议-我应
我需要在rail3中使用标准注册/登录/忘记密码功能进行身份验证。是否有大多数人为此使用的插件或其他东西? 最佳答案 我不确定最常用的方法是什么-但可以肯定的是,Plataformatec的“Devise”是一个非常流行的方法:http://github.com/plataformatec/devise我已经尝试了一些authgem,对我来说,它是最简单的设置和修改以满足我的需要。它内置了密码恢复、帐户确认(如果需要)和其他一些非常方便的功能。 关于ruby-on-rails-在Rail