Выпущен NutUI в стиле JD Logistics

Vue.js
Выпущен NutUI в стиле JD Logistics

предисловие

JD Logistics в настоящее время имеет все больше и больше предприятий на M-конце, таких как официальные аккаунты и мобильные официальные веб-сайты. Это предъявляет более высокие требования к среде пользовательского интерфейса M-стороны с богатыми компонентами, удобным доступом, высокой стабильностью и более высокими требованиями к масштабируемости и производительности. саморазвитыйpandora-mobileВ настоящее время он не отвечает существующим потребностям, по сравнению сNutUIЭто больше подходит для бизнес-исследований и потребностей в разработке со стороны логистики.После внутренних обсуждений было решено сотрудничать с отделом пользовательского опыта со стороны логистики и командой NutUI для создания среды пользовательского интерфейса M-стороны с визуальными спецификациями логистики. .

Департамент развития логистических технологий JDC и Jingdong пережил более одного месяца тесного сотрудничества и итерации разработки, NutUI-JDL наконец-то встретился с вами. Будучи вторым крупным выпуском NutUI 2.0 после официального выпуска NutUI 2.0 15 января 2019 года, NutUI-JDL по-прежнему придерживается [стиля, основанного на JD] и в то же время учитывает различные аспекты, такие как функциональность продукта, опыт, простота. использования и гибкости комплексное улучшение.

должны знать о том,NutUI-JDLВерсия представляет собой экосистему в NutUI. В настоящее время две наши экосистемы (NutUI, NutUI-JDL) будут обновляться и поддерживаться одновременно. Если мы обнаружим проблемы, мы продолжим итеративный ремонт как можно скорее, пожалуйста, не стесняйтесь используй их.

Цель

Цель NutUI-JDL — упростить разработку мобильных терминалов.Основные компоненты передаются нам, чтобы разработчики могли больше сосредоточиться на бизнесе и повысить эффективность НИОКР.

Функции

  • Логистический стиль
  • Испытайте непревзойденное
  • Стандартная спецификация
  • Сильная масштабируемость

Обновление языка дизайна

Самые популярные дизайнерские ресурсы открыты для внешнего мира, а для осаждения изделий внедряются высококачественные сопутствующие технологии.

  • С расширением мобильного бизнеса JD Logistics дизайнерам необходимо не только удовлетворять потребности бизнеса, но и думать о ценности дизайна. Дизайнеры не должны заниматься повторяющимися проектами, тратить время на проектирование и снижать эффективность работы, поэтому необходимо срочно внедрить режим компонентного проектирования.

  • NutUI-JDL Jingdong Logistics Edition — это библиотека компонентов для мобильных устройств, сокращающая количество избыточных компонентов, начиная с фактического проекта, сортируя более 30 наиболее распространенных базовых компонентов, охватывая несколько сценариев, небольшой размер, красивый дизайн, предоставляя новый дизайн. как интерактивный опыт, улучшите универсальную степень модульности интерфейса.

  • Новая версия библиотеки компонентов от设计语言а также基础组件Два основных модуля переопределяют компоновку, цвет, значок, шрифт, интервалы и общие спецификации компонентов, улучшают отображение пользовательского интерфейса и методы взаимодействия, а также устанавливают новые стандарты дизайна для обеспечения оптимизации опыта и итерации мобильных продуктов на стороне логистики.

Меньший размер

До NutUI v2.2.6 базовая конфигурация WebPack была старой, версия была низкой, а дизайн был недостаточным, что значительно увеличило размер собранного пакета npm до 17,4 МБ.В 2020Q2, после того как мы продолжили полировку @nutui/cli доступ, размер пакета npm уменьшен до 7,58 МБ, что значительно повышает производительность и возможности настройки. Точно так же мы унифицируем этот плагин в версии NutUI-JDL.

новые компоненты

  • Поле ввода поля (интегрирует исходный ввод и текстовое поле, гибкая конфигурация)
  • Предварительный просмотр изображения ImagePreview (поддержка переключения влево и вправо)
  • Steps step bar (богатое разнообразие степ-баров)
  • Карта (новый компонент карты)
  • Загрузка прокрутки с подтягиванием вниз и обновлением (отдельное разделение, уменьшение связи)

Рефакторинг и обновление компонентов 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

Позднее планирование

  • Компоненты четырехуровневого адресного каскада
  • Ленивая загрузка
  • аккордеон

Совместная разработка с открытым исходным кодом

Все собирают дрова и флейм высокий.Здесь мы приглашаем заинтересованных студентов принять участие в разработке проекта NutUI.Рекомендуется участвовать, отправив запрос на слияние.После прохождения Code Review мы сольем ваш код.

над

Непрерывная итерация NutUI неотделима от всех, кто участвует в разработке, и каждый раз, когда разработчик узнает нас, это для нас самая большая поддержка.

Категории