开发者社区> 问答> 正文

uni-app有哪些ui框架/css框架可用?

已解决

如题,以及有哪些推荐的UI框架

展开
收起
CHB 2019-05-24 19:27:20 21624 0
2 条回答
写回答
取消 提交回答
  • 采纳回答

    首先需要一个认知,传统vue的库,只是for web的,不能跨6端。
    而微信小程序的库,虽然可以跨到app,但不能跨到h5和百度支付宝小程序。
    比如element ui只能用于h5,而vant ui有h5版和小程序版,h5版只能用于h5,而小程序版只能用于微信和app(uni-app在app侧支持使用小程序ui组件)。
    想要6端通用的ui框架,需要基于vue的无dom操作的库。最好还是纯flex布局。
    下图对跨端兼容性的说明比较清晰。

    uni0124

    虽然很多传统vue库不跨端,但这并不意味着uni-app的生态缺乏,事实相反。

    具体如下:

    1. uni-app内置组件是最常用的,与微信内置组件相同。https://uniapp.dcloud.io/component/README
    2. 扩展组件是uni ui,在组件的文档里有专门的扩展组件分类。https://uniapp.dcloud.io/component/README?id=uniui
      扩展组件支持单个从插件市场下载,也支持npm整体引入uni ui,见http://ext.dcloud.net.cn/plugin?id=55
    3. 更多ui库和模块,见插件市场,https://ext.dcloud.net.cn。玲琅满目,除了组件形式,还有很多页面模板和项目模板拿来即用。里面比较成套的原作者直接维护的ui库包括colorUI(颜值很高)、graceUI。
    4. 其他基于vue的无dom库也支持,zanui-mpvue、iview-mpvue。但注意这2个不是原作者维护,也不是纯flex布局。
    5. 如果你确定只开发微信小程序和App,也可以使用微信的自定义组件ui,这里是vant weapp版的集成示例http://ext.dcloud.net.cn/plugin?id=302。其他如iview weapp同理。App端因为是一个增强版的小程序引擎,可以运行微信小程序的ui库,但其他端运行不了只为微信做的UI库。
    6. 另外如果你在App侧使用nvue,也支持weex ui。

    最后,请开发者务必牢记基础组件的作用,基础组件的性能是高于扩展组件的
    这和web开发不一样,web开发基本上不用基础组件,都是找一个ui库,全部组件都包含。
    但uni-app体系不是这样,uni-ui库全部都是扩展组件,不含基础组件。

    我们的建议是:开发时首先用基础组件,基础组件不满足的地方,再通过扩展组件补充。不要把整个项目全部都构建在某个ui框架下。

    2019-07-17 23:36:00
    赞同 展开评论 打赏
  • 百度搜GraceUI,我自己在用的一款框架,挺好用,就是收费的,卖299,但是绝对值这个价,可以去看看

    2020-06-04 13:49:55
    赞同 展开评论 打赏
问答分类:
问答地址:
问答排行榜
最热
最新

相关电子书

更多
使用TensorFlow搭建智能开发系统自劢生成App UI代码 立即下载
Fusion Design - 企业级UI解决方案揭秘 立即下载
使用TensorFlow搭建智能开发系统自动生成App UI 立即下载