1.0 здесь
11 августа 2018 года мы опубликовалиVant Weappпервая версия . За 16 месяцев мы получили более 1000 коммитов от 27 разработчиков, обработали более 1200 проблем и выпустили более 50 версий. Количество звездочек на Github выросло с 5 тысяч до 11 тысяч, и уже давно это сторонняя библиотека компонентов пользовательского интерфейса апплета с наибольшим количеством звездочек на Github.
Теперь мы рады представить вамВант Weapp версия 1.0.
После 2 месяцев разработки и бета-тестирования мы представили вам 11 новых компонентов, провели рефакторинг нескольких существующих компонентов и добавили функции настройки темы, охватывающие все компоненты. И, чтобы сотрудничать с развитием семейства Vant, название пакета было официально изменено на@vant/weapp.
Вы можете отсканировать приведенный ниже код апплета, чтобы ознакомиться с примером Vant Weapp 1.0.
Представляем новую версию
новые компоненты
В Vant Weapp версии 1.0 мы добавили 11 полезных базовых компонентов:
- Сетка сетки, используемая для отображения содержимого или навигации по страницам.
- Изображение изображения, расширенная версия тега изображения, поддерживает отложенную загрузку изображения и сообщения об ошибке загрузки.
- Круглый индикатор выполнения, который информирует пользователя о текущем статусе и прогрессе.
- Слишком маскируйте слои, чтобы выделить определенные элементы страницы и запретить пользователям выполнять другие действия.
- Разделительная линия, разделительная линия, разделяющая содержимое
- Липкий липкий макет с CSS
position: stickyЭффект реализации атрибута аналогичен - Экран каркаса скелета, блок-заполнитель, отображаемый в области загрузки, обеспечивающий эффекты перехода во время процесса загрузки интерфейса.
- Строка индекса IndexBar, полоса алфавитного указателя в адресной книге, для быстрого индексирования длинных списков.
- Загрузка файла Uploader, загрузка одного или нескольких файлов
- Обратный отсчет обратного отсчета, используется для отображения обратного отсчета события, кода подтверждения SMS и т. д.
- Выпадающее меню DropdownMenu для сортировки, фильтрации и сортировки списков
настройка стиля
В начале плана итерации 1.0 мы постоянно думали над этим вопросом — как предоставить пользователям функцию динамического переключения стилей темы?
Среда мини-программ WeChat очень особенная. Механизма динамической загрузки кода нет, а WeChat ограничивает размер основного пакета и общий размер кода. Традиционная настройка стиля на основе предустановок слишком раздута и больше не подходит для среды апплета WeChat.
Компонентная модель пользовательского компонента апплета WeChat эквивалентна упрощенной версииShadow DOM, к счастью, апплет также поддерживаетПользовательские свойства CSSхарактеристики. В итоге мы разработали схему настройки стиля на основе пользовательских свойств CSS, которая является гибкой и удобной для разработчиков, а также более простой в обслуживании.
Начиная с версии 1.0 все компоненты Vant Weapp поддерживаютСвойства определения группы CSSДля настройки стиля вы можете просмотреть конкретную позу использованияСвязанная документация
Несовместимое обновление
Релиз 1.0 содержит небольшое количество несовместимых обновлений, в основном это изменения имен и удаление отдельных свойств. Для проектов, использующих версию 0.x, следуйтеСписок измененийПроверяйте по очереди, большинство предметов можноБезболезненное обновление.
будущее
Vant Weapp будет активно изучать возможность объединения с разработкой Tencent Cloud, чтобы предоставить вам лучший опыт. Скоро мы встретимся с вами снова.
наконец
Благодаря многолетнему вкладу сообщества и отзывам о Vant Weapp мы всегда поддерживаем разработчиков. Если у вас возникнут проблемы в процессе использования Vant Weapp, добро пожаловать на GitHubдайте нам обратную связь.
Основные участники Vant Weapp 1.0 (в алфавитном порядке):@Andyliwr @aphasic @chenjiahan @creeperdance @Eamonnzhang @Fyerl @JakeLaoyu @jerryni @kongyeah @Lindysen @linrz @rex-zsd @thoamsy @ylethe.
Добро пожаловать на публичный счет «Youzan Coder»!