您当前的位置:首页 > 互联网百科 > 物联网

京东物流风格 NutUI 发布了

时间:2020-08-05 15:07:06  来源:  作者:

京东物流风格 NutUI 发布了

京东物流目前在 M 端的业务越来越多,如公众号、移动官网。这对 M 端的 UI 框架要求就越高,组件丰富、接入友好,稳定性高,拓展性及性能上都有较高的要求。自研的 pandora-mobile 目前看不符合现有需求,相较而言 NutUI 更适合物流侧的业务研发需求,经内部讨论决定协同物流侧用户体验部联合 NutUI 团队打造出物流视觉规范的 M 端 UI 框架。

JDC & JDL 团队经历了为期一个多月的紧密合作开发迭代,NutUI-JDL 终于和大家见面了。作为继 2019 年 1 月 15 日 NutUI 2.0 正式发布以来的第二次大版本发布,NutUI-JDL 仍坚守着【基于京东风格】同时在产品的功能、体验、易用性和灵活性等各个方面进行了全面提升。

需要注意的是,NutUI-JDL 版本是 NutUI 中的一个生态,目前我们两个生态(NutUI、NutUI-JDL)会同时更新维护,发现问题我们还是保持第一时间迭代修复,请大家放心使用。

目标

NutUI-JDL 的目标是让移动端的开发更加容易,基础组件交给我们让开发人员更加专注于业务,提升研发效率。

特点

  • 物流风格
  • 体验极致
  • 标准规范
  • 扩展性强

设计语言升级

呼声最高的设计资源对外开放,并且引入优质的相关技术沉淀文章

 

京东物流风格 NutUI 发布了京东物流风格 NutUI 发布了

 

  • 随着京东物流移动端业务的拓展,设计师不仅仅需要完成业务需求,也需要思考设计的价值。设计师也不应该陷入重复的设计中,消耗设计时间,降低工作效率,所以推行组件化的设计模式迫在眉睫。

  • NutUI-JDL 京东物流版是一套基于移动端的组件库,减少冗余组件,从实际项目入手,梳理出最通用的 30+ 基础组件,覆盖多场景,体积小巧、设计精美,提供了全新的设计以及交互体验,提高界面模块化的通用程度。

  • 新版组件库从 设计语言 和 基础组件 两大模块,重新定义了布局、颜色、图标、字体、间距和通用组件规范,提升了 UI 展示及交互方式,建立了新的设计标准,为推动物流侧移动端产品的体验优化和迭代带来了高效路径。

更小的体积

在 NutUI v2.2.6 之前,因底层的 WebPack 配置老旧、版本较低、设计不足 这大大增加了造成构建出的 npm 包大小达到了 17.4 MB, 2020Q2 通过我们不断打磨 @nutui/cli 接入后,将 npm 包大小减少到了 7.58 MB,大幅提升了性能及可配置项。同样我们在 NutUI-JDL 版本中也统一此插件。

新组件

  • Field 输入框(将原来 Input、TextBox 融为一体,灵活配置)
  • ImagePreview 图片预览(支持滑动左右切换)
  • Steps 步骤条(丰富多样的步骤条)
  • Card 卡片(全新的卡片组件)
  • Scroll 下拉刷新上拉加载(单独抽离,降低耦合性)

组件重构升级 30+

  • Menu
  • Toast
  • ActionSheet
  • Dialog
  • Cell
  • Skeleton
  • Popup
  • Rate
  • NoticeBar
  • Tag
  • Badge
  • TabBar
  • SideNavBar
  • NavBar
  • Tabs
  • Avator
  • LeftSlip
  • Switch
  • Stepper
  • Calendar
  • Picker
  • Uploader

 

 

如何使用

本次版本 NutUI-JDL 与 NutUI 2.x 属于不同生态,一个是基于 JD App 视觉规范、另一个是 JDL APP 视觉规范,对应的 npm 包分别是 @nutui/nutui 和 @nutui/nutui-jdl我们建议您为了尽可能简化升级,直接采用以下命令进行安装使用:

npm install @nutui/nutui-jdl -S复制代码

详细的使用文档请参考 nutui.jd.com/jdl/#/start

后期规划

  • 四级地址级联组件
  • 图片懒加载(Lazy Load)
  • 手风琴

开源共建

众人拾柴火焰高,在这里我们非常欢迎感兴趣的同学参与到 NutUI 项目的开发,建议通过提 Pull Request 的方式参与,通过 Code Review 之后,我们会合并你的代码。

以上

NutUI 的持续迭代,离不开每一位参与帮助开发的人,开发者每一次对我们的认可,就是对我们最大的鼓励。



Tags:京东物流   点击:()  评论:()
声明:本站部分内容及图片来自互联网,转载是出于传递更多信息之目的,内容观点仅代表作者本人,如有任何标注错误或版权侵犯请与我们联系(Email:2595517585@qq.com),我们将及时更正、删除,谢谢。
▌相关推荐
言京东物流目前在 M 端的业务越来越多,如公众号、移动官网。这对 M 端的 UI 框架要求就越高,组件丰富、接入友好,稳定性高,拓展性及性能上都有较高的要求。自研的 pandora-mobil...【详细内容】
2020-08-05  Tags: 京东物流  点击:(131)  评论:(0)  加入收藏
近日,恒大研究院发布2020年中国独角兽报告,中国地区共有166家企业上榜,总估值达7921.3亿美元。报告显示,蚂蚁金服以1500亿美元估值高居首位、字节跳动估值750亿美元排名第二、滴...【详细内容】
2020-05-16  Tags: 京东物流  点击:(116)  评论:(0)  加入收藏
据新京报报道,2020年4月1日,从京东物流方面获悉,近日京东物流与珠海格力智能装备有限公司宣布达成战略合作,双方共同打造三款组合式机器人,可助力完成机场、商超、火车站、办公楼...【详细内容】
2020-04-03  Tags: 京东物流  点击:(53)  评论:(0)  加入收藏
近年来,京东总是在风口浪尖里起起伏伏。从公司扛把子的个人官司,到京东物流的常年亏损,曾经风光无限的京东经历了一段备受质疑的艰难日子。直到今年8月份,京东发布2019年二季度...【详细内容】
2019-11-19  Tags: 京东物流  点击:(122)  评论:(0)  加入收藏
▌简易百科推荐
大家好,我是志明。上一期我们聊了物联网的发展。今天我想和大家聊一聊物联网(IOT)的落地应用:共享设备。 相信各位对这个词并不陌生,随着互联网技术的快速发展,以共享设备为代表的...【详细内容】
2021-12-24  物联网系统开发大观    Tags:物联网   点击:(14)  评论:(0)  加入收藏
随着物联网设备数量的持续增加,这些设备之间的通信或连接已成为一个重要的思考课题。通信对物联网来说十分常用且关键,无论是近距离无线传输技术还是移动通信技术,都影响着物联...【详细内容】
2021-12-16  pheenet菲尼特    Tags:物联网   点击:(16)  评论:(0)  加入收藏
安科瑞 于洋 周洁摘要:现代物联网技术高速发展,许多场所已经开始合理应用物联网照明系统,作为工厂生产的重要因素之一,工厂照明系统的智能化控制可以有效提高工厂对能源的利用率...【详细内容】
2021-12-14  安科瑞于洋    Tags:物联网   点击:(19)  评论:(0)  加入收藏
来源:内容由半导体行业观察(ID:icbank)来自Ctimes,谢谢。在数字化实体世界中,物联网技术的应用相当广泛,市场潜能与商机庞大。麦肯锡(MGI)《物联网:超越市场炒作价值(The Internet o...【详细内容】
2021-11-30  半导体行业观察    Tags:物联网   点击:(20)  评论:(0)  加入收藏
计讯物联无线数传终端DTU,对接充电桩与后端管理中心,多量分散充电桩统一集中管控,工业设计,无线部署、远程状态监测。  无线DTU充电桩联网  1、无线数据终端DTU建立充电桩...【详细内容】
2021-11-05  物联界的程序猿    Tags:充电桩   点击:(40)  评论:(0)  加入收藏
物联网(IoT)行业正蓬勃发展,成功的物联网项目需要大量工程,本文讨论了完整物联网项目所需的开发人员技能:包括嵌入式开发技术,应用程序编程,大数据分析等等。硬件设计师大多数物...【详细内容】
2021-11-03  粤嵌教育    Tags:物联网   点击:(28)  评论:(0)  加入收藏
M2M我的一般的理解就是机器到机器(Machine to Machine),点对点的机器链接。从概念上也可以理解为人到人(Man to Man)、人到机器(Man to Machine)。即时通信工具就是人到人的交互,人...【详细内容】
2021-10-29  喻喻嗒    Tags:物联网   点击:(71)  评论:(0)  加入收藏
在这篇文章中,大家将了解MQTT协议,以及为什么在许多物联网应用中使用它。 MQTT协议最初由IBM开发,并且是专有的。它的开发是为了解决石油和天然气行业的传感器通过卫星与远程服...【详细内容】
2021-10-21  亿佰特物联网实验室    Tags:MQTT   点击:(32)  评论:(0)  加入收藏
介绍IconPark是字节跳动团队开源的一个开源图标库,一共提供超过2000个高质量的图标,提供可视化界面配置来实现不同的方案,非常适合开发者和设计师来使用! GithubGitHub:https://...【详细内容】
2021-07-19  爱分享Coder    Tags:IconPark   点击:(189)  评论:(0)  加入收藏
背景介绍在 IoT 物联网场景中,因为消费者分布全球各地,设备会被销售到多个国家或地区使用。 如果需要通过某个固定的服务器,远程管理多个国家或地区的设备,那么可能会出现如下情...【详细内容】
2021-07-16  公田    Tags:物联网   点击:(78)  评论:(0)  加入收藏
最新更新
栏目热门
栏目头条