近期接连三个移动端项目,分别使用了三个不同ui框架。
1.mint-ui
最初选择该ui,是因为饿了么背书,心想pc端的element-ui做的那么好,移动端的也该更好。然而,失策了......
首先是官方文档极其简陋,并且存在一些误导,其次美观度极低,一些类如radio的组件,使用体验极差。
最终勉强改造了一些,还是把项目堆起来了,最后留下了一个ios兼容坑......可能是预期过高吧。
2.muse-ui
第二个项目采用了muse-ui,中规中矩,并且有了第一个mint的踩坑经验,也对移动端ui有一些串联的想法了。
官方文档也比较靠谱,好感度+1,loadmore组件用着很舒服(但也是整理了层级关系,多次尝试才实现的。)
最后项目顺利完成,也没出兼容问题,好感度+99。
3.vant-ui
做第三个项目的时候,vue官网挂了这个vant,于是点进去看了下,带着前两个ui的使用经验,决定再次试水。
官方组件非常丰富,同一种下拉业务,可以用三种方式去实现!甚至有写好的收货地址组件和sku组件!电商福音!组件外观也是简单整洁,简直就是移动端的elementui! 为mint汗颜一秒!
但是!但是被官方文档坑了一下,官方demo list列表,是存在下拉刷新的,但是这是官方自己把另外一个PullRefresh组件 和 list组件手动结合的,而旁边的示例代码里没有这一段代码!!!直到我F12打开了控制台,才解开这个谜题:为什么官网能下拉刷新,我本地引用下来就不行... ▄█▀█●
最终项目顺利完成,虽然被官方坑了一下,但是不记仇,免费使用别人浩大工程做出来的东西,心里只有感恩ღ( ´・ᴗ・` )。
目前,已经把vant-ui定义为公司移动端标准ui框架了。毕竟组件丰富,样式简洁美观,可塑性强,对于小体量的公司来说,非常优秀了。
汇报完毕!