前言京东物流目前在M端的业务越来越多,例如公众号、手机官网。这对M端的UI框架、丰富的组件、友好的接入、高稳定性、可扩展性和性能提出了更高的要求。自主研发的pandora-mobile目前不能满足现有需求。NutUI更适合物流端的业务研发需求。经过内部讨论,决定与后勤端用户体验部和NutUI团队合作,打造具有后勤视觉规范的M端UI。框架。JDC&京东物流技术开发部经历了一个多月的密切合作和开发迭代,NutUI-JDL终于和大家见面了。作为自2019年1月15日NutUI2.0正式发布以来的第二个大版本发布,NutUI-JDL在坚持【基于京东风格】的同时,提升了产品功能、体验、易用性和灵活性。全面改善。需要说明的是,NutUI-JDL版本是NutUI中的一个生态。目前我们的两个生态(NutUI、NutUI-JDL)会同时更新维护。如果我们发现任何问题,我们将尽快迭代修复它们。请随意使用它们。目标NutUI-JDL的目标是让移动端的开发更简单,将基础组件交给我们,让开发者更专注于业务,提高研发效率。特点物流风格体验极致标准规范扩展性强设计语言升级最流行的设计资源对外开放,引入优质相关技术沉淀文章随着京东物流移动端业务的拓展,设计师不仅需要完成业务需要,也需要思考设计的价值。设计人员不应陷入重复设计,浪费设计时间,降低工作效率,因此实现组件化设计模型迫在眉睫。NutUI-JDL京东物流版是一个基于移动端的组件库,减少了冗余组件。从实际项目出发,梳理最常见的30+基础组件,覆盖多场景,体积小,设计精巧,提供全新的设计和交互体验,提高界面模块化的通用性。新版组件库从设计语言和基础组件两大模块重新定义了布局、颜色、图标、字体、间距、常用组件规范,完善了UI展示和交互方式,建立了新的设计标准。终端产品的体验优化和迭代带来了高效路径。更小的体积在NutUIv2.2.6之前,由于底层WebPack配置陈旧,版本低,设计不够完善,这使得构建的npm包体积大大增加到17.4MB。2020Q2,我们持续打磨@nutui/cli接入后,npm包大小缩减至7.58MB,大幅提升性能和可配置项。同样,我们也在NutUI-JDL版本中统一了这个插件。新增组件Field输入框(整合原有Input和TextBox,配置灵活)ImagePreview图片预览(支持左右滑动切换)Steps步骤栏(丰富多样的步骤栏)Card卡片(新增卡片组件)Scroll下拉刷新拉取-upLoading(分离分离,降低耦合)组件重构升级30+MenuToastActionSheetDialogCellSkeletonPopupRateNoticeBarTagBadgeTabBarSideNavBarNavBarTabsAvatorLeftSlipSwitchStepperCalendarPickerUploader版本使用方法NutUI-JDL和NutUI2.x属于不同的生态,一个是基于JDAPP可视化规范,一个是JDAPP可视化规范specification对应的npm包是@nutui/nutui和@nutui/nutui-jdl。为尽可能简化升级,建议您使用以下命令直接安装使用:npminstall@nutui/nutui-jdl-S详细文档请参考https://nutui.jd.com/jdl/#/start第四层地址级联组件图片LazyLoad(懒加载)Accordion开源,后期共建涉及到NutUI项目开发时,推荐提交PullRequest参与.通过CodeReview后,我们将合并您的代码。上面提到的NutUI的不断迭代,离不开每一位参与开发的人。每一次开发者对我们的认可,都是对我们最大的鼓励。
